Docsity
Docsity

Prepare for your exams
Prepare for your exams

Study with the several resources on Docsity


Earn points to download
Earn points to download

Earn points by helping other students or get them with a premium plan


Guidelines and tips
Guidelines and tips

Web application with technology, Lecture notes of Web Programming and Technologies

Web lab manual with JavaScript notes

Typology: Lecture notes

2018/2019

Uploaded on 10/27/2019

kruti-kriti
kruti-kriti 🇮🇳

2 documents

1 / 54

Toggle sidebar

This page cannot be seen from the preview

Don't miss anything!

bg1
dort:d iaord
(eoogd 5(eo .aena3)
- -i---a)Jr )^9-a
cJ(.^)r (JOOoJO OWtU
udd;i di. Cod9ocjr-560 001.
3
O;nod: 17.09.2018
-: lpdoeej :-
&doi:: Web programming lab manual u-po a. s. .a ucddaroosorod
E-content dQ erf d"oear drrd:i d:Od:.
ercdeaf:1. fed:e iOd dc:e,rd-oddo{. e,ruCaiddr. drodoicod, cap-d *-:ir.C.
(i6EF0) *-oedE{6'. do;r#.od: .aCd &atod:20.08.2018 c -r-; dg.
1 -.?a-r 1c.t9.<- ? -.r 9 ^)\ --r.Z, C^JCNtt J' c^Jl./tqg)\, ^Jc^^r9\-(, C!lrl^J.
-o(0)o-
d:ee-r*oC e*d)dd !ozloQ&-oqi. ercde$ Cg-9 ?,edcC ied di:e.rod-eddo-,
erudoo-iddr, drodoico9 ;apl. ;f.8.(i6TFo) uoOwE,d, aicdgodt ?ddr, Web
iJ-t
programming lab rnanual un3;o dc3"-0:,q. ,do manual 5de ia,.ioni dcodcl:cd
Aae?ii- )m.Q-il* ;r anilo EfD *-t.{6 u.'-9 itru.c$)d Jotur:ii 006 G.$." ucgd
' j aioA.rit- o*e- r !
esoooDso www.dte.kar.nic.in d E-G5ir+eit Y-4',9" ed eioe d ui-dennd. "dd
e,e C o3.o e d C dJd d d -",r do !c-to. erir do e m rb d o d i d 0 Ca b ci: i,:. 5 O e J aJ i,o"d
rieodo3:o$ ezfodd. acJo.Qril9 ildrddd 6Je-r: ae4 m,odcme;d:dAd ir.oasienni.
ioas; Gr.3.a/06/a€fsdatu/2018-1e I t ++*
'ale"J U/ \:
1. oDtr,- ae.n iaarO/ edJm0d/aroilr uoOoiE.fi* tecS:me-rod
j--{J
d"oE d.m6-on
\ ?... ---a-.<--j=o ".::x{ ert. {"+f raf,:rc1 iiriy.-,Jr i. l. <a.d:o5:ef
\ ;L.^ 'c,i-/)vcJFoJcJ- cJq)o/\od CEeJ'd eJil"dUeJ"cJ? qJOeJ^^iQr"',,J ."N,99 d,
udr, E-content dQ er# eJoea' Cr=d:dd:.
c(-
e dd&(.t,G,r,
pf3
pf4
pf5
pf8
pf9
pfa
pfd
pfe
pff
pf12
pf13
pf14
pf15
pf16
pf17
pf18
pf19
pf1a
pf1b
pf1c
pf1d
pf1e
pf1f
pf20
pf21
pf22
pf23
pf24
pf25
pf26
pf27
pf28
pf29
pf2a
pf2b
pf2c
pf2d
pf2e
pf2f
pf30
pf31
pf32
pf33
pf34
pf35
pf36

Partial preview of the text

Download Web application with technology and more Lecture notes Web Programming and Technologies in PDF only on Docsity!

dort:d iaord

(eoogd 5(eo .aena3)

  • cJ(.^)r (^) -i---a)Jr (JOOoJO )^9-aOWtU

udd;i di. 3 Cod9ocjr-560 001.

O;nod: 17.09.

-: lpdoeej^ :-

&doi:: Web programming lab manual u-po a. s. .a^ ucddaroosorod

E-content dQ erf d"oear drrd:i d:Od:.

ercdeaf:1. fed:e iOd dc:e,rd-oddo{. e,ruCaiddr. drodoicod, cap-d *-:ir.C.

(i6EF0) *-oedE{6'. do;r#.od: .aCd^ &atod:20.08.2018 c -r-; dg.

Z,^1 C^JCNtt-.?a-r^ J' c^Jl./tqg),1c.t9.<-^ ?^Jc^^r9-(,^ -.r^9 ^)\ --r.C!lrl^J. -o(0)o-

d:ee-roC ed)dd !ozloQ&-oqi. ercde$ Cg-9 ?,edcC ied di:e.rod-eddo-,

erudoo-iddr, drodoico9iJ-t ;apl. ;f.8.(i6TFo) uoOwE,d, aicdgodt ?ddr, Web

programming lab rnanual un3;o dc3"-0:,q. ,do manual 5de ia,.ioni dcodcl:cd

Aae?ii-' )m.Q-il*j ;r anilo EfD *-t.{6 u.'-9 itru.c$)d Jotur:ii 006 G.$." ucgd

aioA.rit- o*e- r!

esoooDso www.dte.kar.nic.in d E-G5ir+eit Y-4',9"^ ed eioe d ui-dennd.

e,e C o3.o e d C dJd d d -",r^ do "dd

!c-to. erir^ do^ e^ m^ rb^ d^ o^ d^ i^ d^0 Ca^ b^ €^ ci:^ i,:.^5 O^ e^ J aJ^ i,o"d

rieodo3:o$ ezfodd. acJo.Qril9 ildrddd 6Je-r: ae4 m,odcme;d:dAd ir.oasienni.

ioas; Gr.3.a/06/a€fsdatu/2018-1e

I

t ++*

'ale"J (^) U/ :

1. oDtr,-j--{J ae.n iaarO/ edJm0d/aroilr uoOoiE.fi* tecS:me-rod

d"oE d.m6-on \ (^) ;L.^?... (^) ---a-.<--j=o'c,i-/)vcJFoJcJ- cJq)o/\od CEeJ'd".::x{ ert. {"+feJil"dUeJ"cJ?^ raf,:rc1 iiriy.-,JrqJOeJ^^iQr"',,J i.."N,99 l. <a.d:o5:efd,

udr,c(- E-content dQ er# eJoea' Cr=d:dd:.

e dd&(.t,G,r,

Web Programming Lab Manual

For 5 th Sem CS (2017-2018)

BY

Mrs. SAVITHA KAMALAPURKAR LECTURER

Computer Science Department S J (Govt) Polytechnic Bangalore

FOR ANY FEEDBACK CONTACT

Email: Savitha.dhongadi@gmail.com

Save file as .html file. And open file in browser.

OUTPUT

My apartment name is Golden Grands

It is located at Yeshwanthpur NH4 road, Bangalore - 23.

and it has 3 bedrooms, 1 living room, 1 kitchen 1 club house with a beautiful garden

Program 2

The document must contain four short paragraphs of text stacked on top of

each other with only enough of each showing so that the mouse cursor can also

be placed over some part of them. When the cursor is placed over the exposed

part of any paragraph it should raise to the top to become completely visible.

Dynamic stacking of paragraphs

Iam sarala,
Iam a computer science student.
Reg no 102CS12017
Iam coming from Bommanahalli.

Iam Kavya,
Iam a computer science student.
Reg no 102CS12019
Iam coming from chamrajpet.

Iam Arpitha,
Iam a computer science student.
Reg no 102CS12003
Iam comin from Deepanjalinagar.

Iam Yamuna,
Iam a computer science student.
Reg no 102CS12016
Iam coming from Tinfactory.

Program 3

Design an XML document to store information about patients in a hospital.

Information about patients must include name (in 3 parts, first name, middle

name, last name), social security number (SSN), age, room number, primary

insurance company – including member identification number, group number

and address – secondary insurance company (in the same sub parts as for the

primary insurance company), known medical problems, and known drug

allergies. Both attributes and nested tags must be included. Make up sample

data of atleast 4 patients. Create a CSS style sheet for the above XML

document and use it to create a display of that document.

XML File

sanjay s Srinivas

100 80 420 10

Yeshwanthpura

20

jayanagar
Bp None

rakshith gm gowda

101

41 421 111

jp nagar

112

vijayanagar

vitamin deficiency Cold

rudresh g gowda

102 42 422 113

mathikere

114

jp
cancer Swelling kumar v gowda

103 41 423 113

font-family:chiller; font-size:24px; } id { display:block; color:black; margin-left:10%; font-family:gigi; font-size:20px; } gn { display:block; color:voilet; margin-left:10%; font-family:arial; font-size:14px; } address { color:brown; font-family:script; font-weight:italic; font-size:30px; margin-left:5%; } medproblems { display:block; color:orange; font-family:script; font-weight:italic; font-size:30px; margin-left:5% } drugallergy { display:block; color:gray; font-family:script; font-weight:bold; font-size:30px; margin-left:5% }

Save above file as p3.css. Save both .xml and .css files in same directory. And open xml file in browser to view output

OUTPUT

vitamin deficiency Cold

rudresh g gowda

102 42 422 113

mathikere

114

jp
cancer Swelling
kumar v gowda 103 41 423 113
malleshwaram.
115
j.p.v nagar
coma None

Save above file as .xml (eg:p4.xml)

p4.xsl

Patient Information

SSN Name Age Room Primary insurance Company secondary insurance Company Medical problem Drug Allery
**Save file as p4.xsl file**

Open xml file in browser to view the below output

countvisitors.php

"; for ($x = 1; $x < $count[1]; $x++) { echo " $x
"; } print "You are visitor number = ".$count[1]; ?>

Running the program

  1. Install the xampp
  2. Save the p5.php and countvisitors.php in the c:\xampp\htdocs
  3. Start the apache from xampp control panel

Open html file in browser to see below links.On click of links random greeting

and no of visitors visited the site can be seen.


VISA
MASTER CARD
DISCOVER

Save above file as .html file in any folder. Also download and save json2.js file in the same folder location.

p6.php Display Form

$price4=70.49; if(isset($_POST['option1'])) $item1=$_POST['VAL1']; if(isset($_POST['option2'])) $item2=$_POST['VAL2']; if(isset($_POST['option3'])) $item3=$_POST['VAL3']; if(isset($_POST['option4'])) $item4=$_POST['VAL4'];

$total1=$item1$price1; $total2=$item2$price2; $total3=$item3$price3; $total4=$item4$price4;

$total=$total1+$total2+$total3+$total4; $total+=($total*13.5)/100;

print("
User Name:$name"); ?>

You have ordered following items

ItemQtyPriceTotal
Four 100 watt bulbs for Rs. 20.39
Eight 100watt bulbs for Rs 40.20
Four 100watt long life bulbs for Rs. 30.95
Eight 100watt long life bulbs for Rs 70.49


$total ");?> $mode ");?>

Save above file as p6.php and store in htdocs folder of the xampp(eg: C:\xampp\htdocs). Start apache. Open html file in browser to order the items. On submit of the form one can view ordered items and total bill generated including 13.5% tax.