7th Sem CSE Programming The Web Laboratory Umashankar

2011
Web Programming Laboratory
Mr. Umashankar H Dept. of CS&E VII semester STJ Institute of Technology, Ranebennur.
STJ INSTITUTE OF TECHNOLOGY, RANEBENNUR
DEPT. OF CS&E
P1.css p.major { font-size:14pt; font-style:italic; font-family:'Times New Roman'; font-weight:bold; } p.minor {font: 10pt bold 'Courier New';} h1 {font-family:'Times New Roman'; font-size:20pt; font-weight:bold;} h3 {font-family:'Courier New'; font-size:16pt; color:red;} table {border-top-width:medium; border-bottom-width:thin; border-top-color:red; border-bottom-color:blue; border-top-style:dotted; border-bottom-style:dashed; } p {border-style:dashed;border-width:thin; border-color:green; } p.one {margin:0.1in; padding:0.3in; background-color:#C0C0C0; border-style:solid; } th.red {color:red;} th.green {color:green;} th.blue {color:blue;} .spanred {font-size:24pt; font-family:Ariel; color:red; font-weight:bold; }
Page 2 of 29
STJ INSTITUTE OF TECHNOLOGY, RANEBENNUR P1.html <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><title>CSS & HTML </title> <link rel="stylesheet" type="text/css" href="pg1.css" /> </head> <body bgcolor="silver"> <h3>Program that illustrates the use of the external style sheet</h3> <p class="major">Wel come to Web Programming lab</p> <p class="minor">Enjoy the lab sessions</p> <h2>Introduction</h2> <h3>1.1 Basics of web</h3> <ol><li>Introduction</li> <li>Introduction to XML</li> </ol> <table border="5px"> <caption>Sessions and Dates </caption> <tr> <th></th> <th class="red">XHTML</th> <th class="green">CSS</th> <th class="blue">XML</th> </tr> <tr> <th>Thursday</th> <td align="center">8-9</td> <td>10-11</td> <td>12-1</td></tr> <tr> <th align="left">Friday</th> <td align="center">8-9</td> <td>10-11</td> <td>12-1</td></tr> <tr> <th>Saturday</th> <td align="center">8-9</td> <td>10-11</td> <td>12-1</td></tr> </table> <p>Demo of CSS concept</p> <p class="one">Demo of CSS concepts<br></p> <p>Lab session <span class="spanred">Afternoon</span> 2 to 5</p> </body> </html>
DEPT. OF CS&E
Page 3 of 29
STJ INSTITUTE OF TECHNOLOGY, RANEBENNUR P2a.html <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><title>Fibonacci HTML</title> </head> <body style="background-color:yellow"> <h3 style="text-align:center;color:red">Program to generate the fibonacci series</h3> <script type="text/javascript"> var limit=prompt("Enter the limit to generate the fibonacci series:"," "); var f1=0; var f2=1; document.write("The limit entered to generate the fibonacci series is:",limit,"<br />"); document.write(" ",f1,"<br />"); document.write(" ",f2,"<br />"); var i,f3; for(i=2;i<limit;i++) { f3=f1+f2; document.write(" ",f3,"<br />"); f1=f2; f2=f3; } </script> </body> </html>
DEPT. OF CS&E
Page 4 of 29
STJ INSTITUTE OF TECHNOLOGY, RANEBENNUR P2b.html
DEPT. OF CS&E
<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><title>Square Table HTML</title> </head> <body style="background-color:yellow"> <h3 style="text-align:center;color:red">Program to generate a table of numbers from 1 to n and their squares</h3> <script type="text/javascript"> var n=prompt("Enter the limit n:"," "); var msg=""; var res="0"; for(var x=1;x<=n;x++) { res=x*x; msg=msg+x+"*"+x+"="+res+"\n"; } alert(msg); </script> </body></html>
Page 5 of 29
STJ INSTITUTE OF TECHNOLOGY, RANEBENNUR P3a.html <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
DEPT. OF CS&E
<html xmlns="http://www.w3.org/1999/xhtml"> <head><title>Fiinding Vowel Position HTML</title> <script type="text/javascript"> var str=prompt("Enter the string\n"," "); function vowel() { for(i=0;i<str.length;i++) {if(str.charAt(i)=='a'||str.charAt(i)=='e'||str.charAt(i)=='i'||str.charAt(i)=='o'||str.charAt(i)=='u'||str.cha rAt(i)=='A'||str.charAt(i)=='E'||str.charAt(i)=='I'||str.charAt(i)=='O'||str.charAt(i)=='U') { document.write("The entered string is:"+str+"<br />"); document.write("The lefmost vowel is :"+str.charAt(i)+"<br />"); var pos=i; document.write("The position of the leftmost vowel is :"+pos+"<br />"); exit(); } } document.write("The entered string is:"+str+"<br />"); document.write("The entered string has no vowels\n"); } </script> </head> <body style="background-color:pink" onload="vowel();"> <h3 style="text-align:center;color:green">Program includes JavaScript function to find the position of the left most vowel in the entered string</h3> </body> </html>
Page 6 of 29
STJ INSTITUTE OF TECHNOLOGY, RANEBENNUR P3b.html
DEPT. OF CS&E
<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><title>Reversing entered number HTML</title> <script type="text/javascript"> var num=prompt("Enter the number to be reversed:"," "); function rev() { var n=num; var rev=0,rem; while(n>0) { rem=n%10; rev=rev*10+rem; n=Math.floor(n/10); } document.write("The entered number is:"+num+"<br />"); document.write("The reversed number is:"+rev+"<br />"); } </script> </head> <body style="background-color:blue;" onload="rev();"> <h3 style="text-align:center;color:green">Program includes JavaScript function to reverse the given number</h3> </body> </html>
Page 7 of 29
STJ INSTITUTE OF TECHNOLOGY, RANEBENNUR Pgm4a.html
DEPT. OF CS&E
<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><title>Checking USN format HTML</title> <script type="text/javascript"> function checkusn() { var str=document.getElementById("USN"); var result=str.value.search(/^[1-4]{1}[A-Za-z]{2}\d{2}[A-Za-z]{2}\d{3}$/); if(result!=0) { alert("Entered USN("+str.value+")is not in correct format\nCorrect format is: 2SR05CS400\nGo back and retype again"); } else { alert("Entered USN("+str.value+")is in correct format"); } } </script> </head> <body style="background-color:pink"> <h3 style="text-align:center;color:green">Program includes JavaScript function to validate the USN</h3> <h3 style="color:red">STUDENT INFORMATION</h3> <form name="myform" action=""> <p style="color:green">Enter the USN: </p> <input type="text" id="USN" size="15" /> <br /><br /> <input type="button" onclick="checkusn();" value="Submit" />     <input type="reset" value="Reset" /> </form> </body> </html>
Page 8 of 29
STJ INSTITUTE OF TECHNOLOGY, RANEBENNUR P4b.html <?xml version="1.0" encoding="utf-8"?>
DEPT. OF CS&E
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><title>Checking USN format and Sem HTML</title> <script type="text/javascript"> function checkusn() { var str=document.getElementById("USN"); var result=str.value.search(/^[1-4]{1}[A-Za-z]{2}\d{2}[A-Za-z]{2}\d{3}$/); var sem=document.getElementById("sem"); var pos=sem.value.search(/^[1-8]{1}$/); if(result==0 && pos==0) { alert("Entered USN("+str.value+")is in correct format\nEntered sem("+sem.value+")is in correct range."); } else if(result==0 && pos!=0) { alert("Entered USN("+str.value+")is in correct format\nEntered sem("+sem.value+")is not in correct range\nEnter semester between 1-8"); } else if(result!=0 && pos==0) { alert("Entered USN("+str.value+")is not in correct format\nCorrect format is:2SR05CS400\nGo back and retype\nEntered sem("+sem.value+")is in correct range"); } else { alert("Entered USN("+str.value+")is not in correct format\nCorrect format is:2SR05CS400\nEntered sem("+sem.value+")is not in correct range\nCorrect range is 1-8\nGo back and retype"); } } </script> </head> <body style="background-color:pink"> <h3 style="text-align:center;color:green">Program includes JavaScript function to validate the USN and Semester</h3> <h3 style="color:red">STUDENT INFORMATION</h3> <form name="myform" action=""> <p style="color:green">Enter the USN: </p> <input type="text" id="USN" size="15" /> <br /> <p style="color:green">Enter the SEM: </p> <input type="text" id="sem" size="2" /> <br /><br /> Page 9 of 29
STJ INSTITUTE OF TECHNOLOGY, RANEBENNUR <input type="button" onclick="checkusn();" value="Submit" />    <input type="reset" value="Reset" /> <br /> </form> </body> </html>
DEPT. OF CS&E
Page 10 of 29
STJ INSTITUTE OF TECHNOLOGY, RANEBENNUR P5a.html <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><title>The stacking order HTML</title> <meta http-equiv="Content-type" content="text/html" charset="utf-8"> <style type="text/css"> .layer1style { border:solid thick black; padding:1em; width:300px; background-color:green; position:absolute; top:150px; left:250px; z-index:2; } .layer2style { border:solid thick red; padding:1em; width:350px; background-color:blue; position:absolute; top:170px; left:270px; z-index:2; } .layer3style { border:solid thick green; padding:1em; width:400px; background-color:purple; position:absolute; top:190px; left:290px; z-index:2; } </style> <script type="text/javascript"> var toplayer="layer3"; function mover(toTop) { var oldtop=document.getElementById(toplayer).style;
DEPT. OF CS&E
Page 11 of 29
DEPT. OF CS&E
var newtop=document.getElementById(toTop).style; oldtop.zIndex="0"; newtop.zIndex="10"; toplayer=document.getElementById(toTop).id; } </script> </head> <body style="background-color:yellow"> <h2 style="text-align:center;color:red">Program includes XHTML document to show stacking of paragraphs</h2> <div style="z-index:0;" class="layer1style" id="layer1" onmouseover="mover('layer1');">The lives of most inhabitants of industrialized countries as well as some unindustrillized countries have beeen changed forever from the advert of world wide web.</div> <div style="z-index:2;" class="layer2style" id="layer2" onmouseover="mover('layer2');">The lives of most inhabitants of industrialized countries as well as some unindus trillized countries have beeen changed forever from the advert of world wide web.</div> <div style="z-index:0;" class="layer3style" id="layer3" onmouseover="mover('layer3');">Windows xp provides many ways to communicate friends co workers and root of the world. </div> </body> </html>
Page 12 of 29
STJ INSTITUTE OF TECHNOLOGY, RANEBENNUR P5b.html <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><title>The stacking order HTML</title> <meta http-equiv="Content-type" content="text/html" charset="utf-8"> <style type="text/css"> .layer1style { border:solid thick black; padding:1em; width:300px; background-color:green; position:absolute; top:150px; left:250px; z-index:1; } .layer2style { border:solid thick red; padding:1em; width:350px; background-color:blue; position:absolute; top:170px; left:270px; z-index:2; } .layer3style { border:solid thick green; padding:1em; width:400px; background-color:purple; position:absolute; top:190px; left:290px; z-index:3; } </style> <script type="text/javascript"> var toplayer="layer3"; var origpos; function mover(toTop,pos) {
DEPT. OF CS&E
Page 13 of 29
STJ INSTITUTE OF TECHNOLOGY, RANEBENNUR var newTop=document.getElementById(toTop).style; newTop.zIndex="10"; toplayer=document.getElementById(toTop).id; origpos=pos; }
DEPT. OF CS&E
function moveback() { document.getElementById(toplayer).style.zIndex=origpos; } </script> </head> <body style="background-color:yellow"> <h2 style="text-align:center;color:red">The stacking of paragraphs when moved from the top stacking position it returns to its original position</h2> <div style="z-index:1;" class="layer1style" id="layer1" onmouseover="mover('layer1','1');" onmouseout="moveback();">The lives of most inhabitants of industrialized countries as well as some unindustrillized countries have beeen changed forever from the advert of world wide web.</div> <div style="z-index:2;" class="layer2style" id="layer2" onmouseover="mover('layer2','2');" onmouseout="moveback();">The lives of most inhabitants of industrialized countries as well as some unindus trillized countries have beeen changed forever from the advert of world wide web.</div> <div style="z-index:3;" class="layer3style" id="layer3" onmouseover="mover('layer3','3');" onmouseout="moveback();">Windows xp provides many ways to communicate friends co workers and root of the world. </div> </body> </html>
Page 14 of 29
STJ INSTITUTE OF TECHNOLOGY, RANEBENNUR Program 6a .css ad {display:block;margin-top:15px;color:blue;font-size:13pt;} usn {margin-left:15px;color:red;font-size:12pt;} name {margin-left:15px;color:red;font-size:12pt;} clgname {margin-left:15px;color:red;font-size:12pt;} branch {margin-left:15px;color:red;font-size:12pt;} year {margin-left:15px;color:red;font-size:12pt;} email {margin-left:15px;color:red;font-size:12pt;} h3 {color:green;font-size:18pt;} h2 {display:block;color:red;font-size:18pt;} .xsl <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE student [ <!ELEMENT student_information (ad+)> <!ELEMENT ad (usn, name, clgname, branch, year, email)> <!ELEMENT usn (#PCDATA)> <!ELEMENT name (#PCDATA)> <!ELEMENT clgname (#PCDATA)> <!ELEMENT branch (#PCDATA)> <!ELEMENT year (#PCDATA)> <!ELEMENT email (#PCDATA)> <!ELEMENT label (#PCDATA|email|year|branch|clgname|name|usn)*> <!ELEMENT h3 (#PCDATA)> <!ELEMENT h2 (#PCDATA)> ]> <?xml-stylesheet type="text/css" href="pg6a.css"?> <student_information> <h3>STUDENT INFORMATION</h3> <h2>STUDENT 1</h2> <ad><label>USN:<usn>2sr05cs400</usn></label></ad> <ad><label>NAME:<name>Aaaa</name></label></ad> <ad><label>COLLEGE NAME:<clgname>STJIT</clgname></label></ad> <ad><label>BRANCH:<branch>CSE</branch></label></ad> <ad><label>YEAR:<year>2011</year></label></ad> <ad><label>EMAIL:<email>abc@gmail.com</email></label></ad> <h2>STUDENT 2</h2> <ad><label>USN:<usn>2sr05cs401</usn></label></ad> <ad><label>NAME:<name>Bbbb</name></label></ad> <ad><label>COLLEGE NAME:<clgname>STJIT</clgname></label></ad> <ad><label>BRANCH:<branch>CSE</branch></label></ad> <ad><label>YEAR:<year>2011</year></label></ad> <ad><label>EMAIL:<email>bbb@gmail.com</email></label></ad> <h2>STUDENT 3</h2> <ad><label>USN:<usn>2sr05cs402</usn></label></ad> <ad><label>NAME:<name>Ccccc</name></label></ad> <ad><label>COLLEGE NAME:<clgname>STJIT</clgname></label></ad> <ad><label>BRANCH:<branch>CSE</branch></label></ad>
DEPT. OF CS&E
Page 15 of 29
STJ INSTITUTE OF TECHNOLOGY, RANEBENNUR <ad><label>YEAR:<year>2011</year></label></ad> <ad><label>EMAIL:<email>cccc@gmail.com</email></label></ad> </student_information>
DEPT. OF CS&E
Page 16 of 29
STJ INSTITUTE OF TECHNOLOGY, RANEBENNUR Program 6b .xml <?xml version="1.0" encoding="utf-8"?> <?xml-stylesheet type="text/xsl" href="pg6b.xsl"?> <ENG-COLLEGE> <VTU> <USN>2sr05cs401</USN> <NAME>Aaaa</NAME> <COLLEGE>STJIT</COLLEGE> <BRANCH>CSE</BRANCH> <YEAR>2011</YEAR> <EMAIL>aaa@gmail.com</EMAIL> </VTU> <VTU> <USN>2sr05cs402</USN> <NAME>Bbbb</NAME> <COLLEGE>STJIT</COLLEGE> <BRANCH>CSE</BRANCH> <YEAR>2011</YEAR> <EMAIL>bbb@gmail.com</EMAIL> </VTU> <VTU> <USN>2sr05cs403</USN> <NAME>Cccc</NAME> <COLLEGE>STJIT</COLLEGE> <BRANCH>CSE</BRANCH> <YEAR>2011</YEAR> <EMAIL>ccc@gmail.com</EMAIL> </VTU> </ENG-COLLEGE> .xsl <?xml version="1.0" encoding="utf-8"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns="http://www.w3.org/1999/xhtml"> <xsl:template match="ENG-COLLEGE"> <html><head><title>pg6b</title> </head> <body bgcolor="powderblue"> <center><h2>VTU STUDENT INFORMATION</h2> <table border="1"> <xsl:for-each select="VTU"> <tr><td><xsl:value-of select="USN" /></td> <td><xsl:value-of select="NAME" /></td> <td><xsl:value-of select="COLLEGE" /></td> <td><xsl:value-of select="BRANCH" /></td> <td><xsl:value-of select="YEAR" /></td> <td><xsl:value-of select="EMAIL" /></td></tr> </xsl:for-each></table></center>
DEPT. OF CS&E
Page 17 of 29
STJ INSTITUTE OF TECHNOLOGY, RANEBENNUR </body></html> </xsl:template> </xsl:stylesheet>
DEPT. OF CS&E
Page 18 of 29
STJ INSTITUTE OF TECHNOLOGY, RANEBENNUR Program 7a .pl #!/usr/bin/perl print "Content-type:text/html\n\n"; print "<html><head><title>Server Information</title></head>"; print "<body bgcolor=powderblue>"; print "<center>SERVER INFORMATION IS SHOWN BELOW<br><br>"; print "<table border=1>"; print "<tr><td><b>ENVIRONMENT VARIABLE</b></td>"; print "<td><b>ENVIRONMENT VALUE</b></td></tr>"; foreach $env(sort keys %ENV) { print "<tr><td>$env</td>"; print "<td>$ENV{$env}</td></tr>"; } print "</table></center></body></html>";
DEPT. OF CS&E
Program 7b .html <html> <head> <title>Unix Command</title> </head> <body bgcolor="green"> <form method="get" action="http://localhost/cgi-bin/pg7b.pl"> <center>ENTER THE UNIX COMMAND<br><br> COMMAND:<input type="text" name="nam"><br><br> <input type="submit" value="CLICK"> </center> </form> </body> </html> .pl #!/usr/bin/perl print "Content-type:text/html\n\n"; use CGI; $a=new CGI; $cmd=$a->param("nam"); print "output of UNIX command is <br><br>"; system($cmd); Page 19 of 29
STJ INSTITUTE OF TECHNOLOGY, RANEBENNUR Program 8a .html <html> <head> <title>Greeting user</title> </head> <body bgcolor="green"> <form method="get" action="http://localhost/cgi-bin/pg8a.pl"> <center>ENTER YOUR NAME<br><br> USER NAME:<input type="text" name="nam"><br><br> <input type="submit" value="CLICK"> </center> </form> </body> </html> .pl #!/usr/bin/perl print "Content-type:text/html\n\n"; use CGI; $a=new CGI; $name=$a->param("nam"); $count=4; @a=("Hello","Hi","Welcome","How are you"); $rand=rand($count); print "<b><center>Hi: $name :your greeting message is: $a[$rand]:</center></b>";
DEPT. OF CS&E
Program 8b .pl #!/usr/bin/perl print "Content-type:text/html\n\n"; open(IN,"<visit.txt"); $cnt=<IN>; close(IN); open(OUT,">visit.txt"); $cnt++; print OUT $cnt; close(OUT); print "<p>You are the visitor number $cnt</p>";
Page 20 of 29
DEPT. OF CS&E
Program 9 .pl #!/usr/bin/perl print "Content-type:text/html\n\n"; print "<html><head><title>Digital Clock</title></head>"; print "<META HTTP-EQUIV=refresh content=0"; print "URL=http://localhost/cgi-bin/pg9.pl>"; ($s,$m,$h)=localtime(time); print "<center><b>Digital Clock is shown below<br><br>"; print "<b>$h:$m:$s</b></center></html>";
Page 21 of 29
DEPT. OF CS&E
Program 10 .html <html> <head> <title>Program 10-Database</title> </head> <body bgcolor="green"> <form method="get" action="http://localhost/cgi-bin/pg10.pl"> <center>ENTER YOUR INFO<br><br> NAME:<input type="text" name="nam"><br><br> AGE : <input type="text" name="age"><br><br> <input type="submit" value="Insert"> </center> </form> </body> </html> .pl #!/usr/bin/perl use DBI; use CGI; print "Content-type:text/html\n\n"; $ab=new CGI; $name=$ab->param("nam"); $age=$ab->param("age"); $con=DBI->connect("DBI:mysql:weblab","student"); $res1=$con->prepare("insert into age_info values('$name','$age')"); $res1->execute(); $res=$con->prepare("select *from age_info"); $res->execute(); print "<html><body bgcolor=lightgreen>"; print "<center>The contents of database table is shown below<br><br><table border=1>"; print "<tr><td>Name</td><td>PWD</td></tr>"; while(@a=$res->fetchrow_array()) { print "<tr><td>$a[0]</td><td>$a[1]</td></tr>"; } print "</table></center></body></html>";
Page 22 of 29
STJ INSTITUTE OF TECHNOLOGY, RANEBENNUR Program 11 .php <?php $no_day=60*60*24*30+time(); setcookie("visitdate",date("G:i:s a-m/d/y"),"$no_day"); if(isset($_COOKIE["visitdate"])) { $lastvisit=$_COOKIE["visitdate"]; print "<center><b>Your last visit was: ".$lastvisit; } else { print "<center><b>Please set the Cookie !"; } ?>
DEPT. OF CS&E
Program 12 .php <?php session_start(); session_register("pagecount"); if(!isset($_SESSION["pagecount"])) { $_SESSION["pagecount"]=0; } else { $_SESSION["pagecount"]++; } print "<center><b>you are the visitor number $_SESSION[pagecount]</b>"; print "</center>"; ?>
Page 23 of 29
STJ INSTITUTE OF TECHNOLOGY, RANEBENNUR Program 13 .html <html> <head> <title>Program 13 -Home page</title> </head> <body bgcolor="lightblue"> <center> <h1>Select the following option</h1> <b><a href="pg13insert.html">Click here to Insert</a><br><br> <a href="pg13search.html">Click here to Search</a></b> </center> </body> </html> <html> <head> <title>Program 13-Insert page</title> </head> <body bgcolor="lightgreen"> <center> <h3>Enter details to insert</h3> <form method="get" action="http://localhost/pg13insert.php"> User Name:<input type="text" name="nam"><br><br> Address 1:<input type="text" name="add1"><br><br> Address 2 :<input type="text" name="add2"><br><br> E-mail ID:<input type="text" name="email"><br><br> <input type="submit" value="Insert">     <input type="reset" value="Clear"> </form> <a href="pg13home.html">HOME PAGE</a> </center> </body> </html> <html> <head> <title>Program 13-Search page</title> </head> <body bgcolor="lightgreen"> <center> <h3>Enter name to search</h3> <form method="get" action="http://localhost/pg13search.php"> User Name:<input type="text" name="nam"><br><br> <input type="submit" value="Search">     <input type="reset" value="Clear">
DEPT. OF CS&E
Page 24 of 29
STJ INSTITUTE OF TECHNOLOGY, RANEBENNUR </form> <a href="pg13home.html">HOME PAGE</a> </center> </body> </html> .php <html> <head> <title>Program 13-Insert PHP</title> </head> <body bgcolor="lightblue"> <center> <b>Database contents are shown below</b><br><br> <?php $nam=$_GET["nam"]; $add1=$_GET["add1"]; $add2=$_GET["add2"]; $email=$_GET["email"]; $con=mysql_connect("localhost","student"); mysql_select_db("weblab"); mysql_query("insert into name_info values('$nam','$add1','$add2','$email')"); ?> <table border="1"> <tr><td>Name</td><td>Address 1</td><td>Address 2</td><td>E-Mail</td</tr> <?php $res1=mysql_query("select * from name_info"); while($a=mysql_fetch_row($res1)) { print "<tr><td>$a[0]</td><td>$a[1]</td><td>$a[2]</td><td>$a[3]</td></tr>"; } ?> </table> <br><br><br><a href="pg13insert.html">Click here to go INSERT PAGE</a> </center> </body> </html>
DEPT. OF CS&E
<html> <head> <title>Program 13-Search PHP</title> </head> <body bgcolor="lightblue"> <center><b>Database contents are shown below</b><br><br> <?php $nam=$_GET["nam"]; $con=mysql_connect("localhost","student"); Page 25 of 29
STJ INSTITUTE OF TECHNOLOGY, RANEBENNUR mysql_select_db("weblab"); $res=mysql_query("select *from name_info where name='$nam'"); ?> <?php if(mysql_num_rows($res)>0) { print "<table border=1>"; print "<tr><td>Name</td><td>Address 1</td><td>Address 2</td><td>E-Mail</td</tr>"; while($a=mysql_fetch_row($res)) { print "<tr><td>$a[0]</td><td>$a[1]</td><td>$a[2]</td><td>$a[3]</td></tr>"; } } else { print "No rows found"; } ?> </table> <br><br><br><a href="pg13search.html">Click here to go SEARCH PAGE</a> </center> </body> </html>
DEPT. OF CS&E
Page 26 of 29
STJ INSTITUTE OF TECHNOLOGY, RANEBENNUR Program 14 .html <html> <head> <title>Program 14-Home page</title> </head> <center> <h1>select the following option</h1> <b><a href="pg14insert.html">Click here to Insert</a><br><br> <a href="pg14search.html">Click here to Search</a></b> </center> </body> </html>
DEPT. OF CS&E
<html> <head> <title>Program 14-Insert page</title> </head> <body bgcolor="lightgreen"> <center> <h3>Enter details to insert</h3> <form method="get" action="http://localhost/pg14insert.php"> Accession No:<input type="text" name="ano"><br><br> Title:<input type="text" name="title"><br><br> Author :<input type="text" name="author"><br><br> Edition:<input type="text" name="edition"><br><br> Publisher:<input type="text" name="pub"><br><br> <input type="submit" value="Insert">     <input type="reset" value="Clear"> </form> <a href="pg14home.html">HOME PAGE</a> </center> </body> </html> <html> <head> <title>Program 14-Search page</title> </head> <body bgcolor="lightgreen"> <center> <h3>Enter name to search</h3> <form method="get" action="http://localhost/pg14search.php"> Title of Book:<input type="text" name="title"><br><br> <input type="submit" value="Search">     <input type="reset" value="Clear"> </form> Page 27 of 29
DEPT. OF CS&E
<a href="pg14home.html">HOME PAGE</a> </center> </body> </html> .php <html> <head> <title>Program 14-Insert PHP</title> </head> <body bgcolor="lightblue"> <center> <h3>Database contents are shown below</h3><br><br> <?php $ano=$_GET["ano"]; $title=$_GET["title"]; $author=$_GET["author"]; $edition=$_GET["edition"]; $pub=$_GET["pub"]; $con=mysql_connect("localhost","student"); mysql_select_db("weblab"); mysql_query("insert into book_info values('$ano','$title','$author','$edition','$pub')"); ?> <table border="1"> <tr><td>Accession Number</td><td>Title</td><td>Author</td><td>Edition</td><td>Publisher</td></tr> <?php $res1=mysql_query("select * from book_info"); while($a=mysql_fetch_row($res1)) { print "<tr><td>$a[0]</td><td>$a[1]</td><td>$a[2]</td><td>$a[3]</td><td>$a[4]</td></tr>"; } ?> </table> <br><br><br><a href="pg14insert.html">Click here to go INSERT PAGE</a> </center> </body> </html>
<html> <head> <title>Program 14-Search PHP</title> </head> <body bgcolor="lightblue"> <center> <h3>Database contents are shown below</h3><br><br> <?php $title=$_GET["title"]; $con=mysql_connect("localhost","student"); Page 28 of 29
DEPT. OF CS&E
mysql_select_db("weblab"); $res=mysql_query("select *from book_info where title='$title'"); ?> <?php if(mysql_num_rows($res)>0) { print "<table border=1>"; print "<tr><td>Accession Number</td><td>Title</td><td>Author</td><td>Edition</td><td>Publisher</td></tr>"; while($a=mysql_fetch_row($res)) { print "<tr><td>$a[0]</td><td>$a[1]</td><td>$a[2]</td><td>$a[3]</td><td>$a[4]</td></tr>"; } } else { print "No rows found"; } ?> </table> <br><br><br><a href="pg14search.html">Click here to go SEARCH PAGE</a> </center> </body> </html>
Page 29 of 29

7th Sem CSE Programming The Web Laboratory Umashankar

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

7th Sem CSE Programming The Web Laboratory Umashankar

Uploaded by

Copyright:

Available Formats

2011

Web Programming Laboratory

STJ INSTITUTE OF TECHNOLOGY, RANEBENNUR

STJ INSTITUTE OF TECHNOLOGY, RANEBENNUR P2b.html

STJ INSTITUTE OF TECHNOLOGY, RANEBENNUR P3b.html

STJ INSTITUTE OF TECHNOLOGY, RANEBENNUR Pgm4a.html

STJ INSTITUTE OF TECHNOLOGY, RANEBENNUR P4b.html <?xml version="1.0" encoding="utf-8"?>

STJ INSTITUTE OF TECHNOLOGY, RANEBENNUR

STJ INSTITUTE OF TECHNOLOGY, RANEBENNUR var newTop=document.getElementById(toTop).style; newTop.zIndex="10"; toplayer=document.getElementById(toTop).id; origpos=pos; }

STJ INSTITUTE OF TECHNOLOGY, RANEBENNUR <ad><label>YEAR:<year>2011</year></label></ad> <ad><label>EMAIL:<email>cccc@gmail.com</email></label></ad> </student_information>

STJ INSTITUTE OF TECHNOLOGY, RANEBENNUR </body></html> </xsl:template> </xsl:stylesheet>

STJ INSTITUTE OF TECHNOLOGY, RANEBENNUR

STJ INSTITUTE OF TECHNOLOGY, RANEBENNUR

STJ INSTITUTE OF TECHNOLOGY, RANEBENNUR

STJ INSTITUTE OF TECHNOLOGY, RANEBENNUR

You might also like