Weitere ähnliche Inhalte Ähnlich wie TYCS Ajax practicals sem VI (20) Kürzlich hochgeladen (20) TYCS Ajax practicals sem VI 1. T.Y. BSc Computer Science
Practical No:- 10
Practical Name: Create a webpage using Ajax, having a text Box for accepting a number
check whether the number is even or odd using php and dispay the output.
Date: 04/02/2016
Source Code:
Evenno.php
<?php
$q=$_REQUEST["q"]; $hint="";
if ($q !== "")
{
if ($q%2==0)
echo "Even Number";
else
echo "odd Number";
}
else
echo $hint==="" ? "no suggestion" : $hint;
?>
Evenno.html
<html>
<head>
<script>
functionshowHint(str)
{
if (str.length==0)
{
document.getElementById("txtHint").innerHTML="";
return;
}
varxmlhttp=new XMLHttpRequest();
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 &&xmlhttp.status==200)
{
2. T.Y. BSc Computer Science
document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","Evenno.php?q="+str,true);
xmlhttp.send();
}
</script>
</head>
<body>
<form>
Enter Number: <input type="text" onkeyup="showHint(this.value)">
</form>
<p>Suggestions: <span id="txtHint"></span></p>
</body>
</html>
Output:
4. T.Y. BSc Computer Science
Practical No:- 11
Practical Name: Write a program to find the factorial of the given number.
Date: 11/02/2016
Source Code:
Factno.php
<?php
$q=$_REQUEST["q"];
$hint="";
$fact=1;
if($q!=="")
{
while($q>0)
{
$fact=$fact*$q;
$q--;
}
echo "$fact";
}
else
echo $hint==="" ? "no suggestion" : $hint;
?>
Factno.html
<html>
<head>
<script>
functionshowHint(str)
{
if (str.length==0)
{
document.getElementById("txtHint").innerHTML="";
return;
}
varxmlhttp=new XMLHttpRequest();
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 &&xmlhttp.status==200)
5. T.Y. BSc Computer Science
{
document.getElementById
("txtHint").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","factorial.php?q="+str,true);
xmlhttp.send();
}
</script>
</head>
<body>
<form>
Enter Number: <input type="text" onkeyup="showHint(this.value)">
</form>
<p>Suggestions: <span id="txtHint"></span></p>
</body>
</html>
Output:
6. T.Y. BSc Computer Science
Practical No:- 12
Practical Name: create a webpage using Ajax having a textbox for accepting a number
calculate thereverse of this number using PHP& display the output.
Date: 18/02/2016
Source Code:
Reverse.php
<?php
$q=$_REQUEST["q"];
$hint="";
$fact=1;
if($q !=="")
{
while($q>0)
{
$temp=$q%10;
echo "$temp";
if($temp==0)
break;
$q=$q/10;
}
}
else
echo $hint==="" ? "no suggestion" : $hint;
?>
ReverseNumber.html
<html>
<head>
<script>
functionshowHint(str)
{
if (str.length==0)
{
document.getElementById("txtHint").innerHTML="";
return;
}
varxmlhttp=new XMLHttpRequest();
xmlhttp.onreadystatechange=function()
7. T.Y. BSc Computer Science
{
if (xmlhttp.readyState==4 &&xmlhttp.status==200)
{
document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","reverse.php?q="+str,true);
xmlhttp.send();
}
</script>
</head>
<body>
<form>
Enter Number: <input type="text" onkeyup="showHint(this.value)">
</form>
<p>Suggestions: <span id="txtHint"></span></p>
</body>
</html>
Output:
8. T.Y. BSc Computer Science
Practical No:- 13
Practical Name: Create an html file to fetch the contents ofDanceAcademy.xml using Ajax
&display them in a table.
Date: 25/02/2016
Source Code:
DANCE ACADEMY:
<?xml version="1.0" encoding="windows-1252"?>
<!-- Edited by XMLSpy® -->
<DANCE ACADEMY>
<DANCECOURSES>
<DANCESTYLE>hip hop</DANCESTYLE>
<DANCEFEES>1000</DANCEFEES>
</DANCECOURSES>
<DANCECOURSES>
<DANCESTYLE>break dance </DANCESTYLE>
<DANCEFEES>2000</DANCEFEES>
</DANCECOURSES>
<DANCECOURSES>
<DANCESTYLE>b boying </DANCESTYLE>
<DANCEFEES>1500</DANCEFEES>
</DANCECOURSES>
<DANCECOURSES>
<DANCESTYLE>tollywood </DANCESTYLE>
<DANCEFEES>3000</DANCEFEES>
</DANCECOURSES>
<DANCECOURSES>
<DANCESTYLE>bollywood</DANCESTYLE>
<DANCEFEES>4500</DANCEFEES>
</ DANCECOURSES>
</DANCE ACADEM >
9. T.Y. BSc Computer Science
DANCEINFO:
<!DOCTYPE html>
<html>
<head>
<script>
functionloadXMLDoc(url)
{
varxmlhttp;
vartxt,x,xx,i;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 &&xmlhttp.status==200)
{
txt="<table border='1'><tr><th>Title</th><th>Price</th></tr>";
x=xmlhttp.responseXML.documentElement.getElementsByTagName("DANCECOURSES")
;
for (i=0;i<x.length;i++)
{
txt=txt + "<tr>";
xx=x[i].getElementsByTagName("DANCESTYLE");
{
try
{
txt=txt + "<td>" + xx[0].firstChild.nodeValue + "</td>";
}
catch (er)
{
txt=txt + "<td></td>";
}
}
xx=x[i].getElementsByTagName("DANCEFEES");
{
try
{
10. T.Y. BSc Computer Science
txt=txt + "<td>" + xx[0].firstChild.nodeValue + "</td>";
}
catch (er)
{
txt=txt + "<td></td>";
}
}
txt=txt + "</tr>";
}
txt=txt + "</table>";
document.getElementById('txtCDInfo').innerHTML=txt;
}
}
xmlhttp.open("GET",url,true);
xmlhttp.send();
}
</script>
</head>
<body>
<div id="txtCDInfo">
<button onclick="loadXMLDoc('info.xml')">Display Dance list</button>
</div>
</body>
</html>
Output:
Practical No:- 14
11. T.Y. BSc Computer Science
Practical Name: Create login form username and password that validates input data in PHP
file and display appropriate message.
Date: 03/03/2016
Source Code:
usernamedemo1.html
<html>
<head>
<script>
function showHint(str)
{
if (str.length==0)
{
document.getElementById
("txtHint").innerHTML="";
return;
}
var xmlhttp=new XMLHttpRequest();
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4
&&xmlhttp.status==200)
{
document.getElementById
("txtHint").innerHTML=xmlhttp.responseText;
}
12. T.Y. BSc Computer Science
}
xmlhttp.open("GET","username1.php?q="+str,true);
xmlhttp.send();
}
</script>
</head>
<body>
<form>
Enter Username: <input type="text"><br>
Enter Password: <input type="text"
onkeyup="showHint(this.value)">
</form>
<p><span id="txtHint"></span></p>
</body>
</html>
username1.php
<?php
$q=$_REQUEST["q"]; $hint="";
// lookup all hints from array if $q is different from ""
if ($q == "123")
{
echo "password is correct....";
}
13. T.Y. BSc Computer Science
else
echo "password is incorrect"
?>
Output:
Practical No:- 15
14. T.Y. BSc Computer Science
Practical Name: Retrieving student details from the database using ajax and php file.
Date: 10/03/2016
Source Code:
Insert. html
<html>
<body>
Marks data:
<br>
<form action="insert.php" method="post">
First Name: <input type="text" name="fname"><br>
Last Name: <input type="text" name="lname"><br>
Marks: <input type="text" name="marks"><br>
<input type="submit" name="submit">
</form>
</body>
</html>
Insert.php
<?php
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "student";
$fnm = $_POST['fname'];
$lnm = $_POST['lname'];
$marks = $_POST['marks'];
15. T.Y. BSc Computer Science
// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
$sql = "INSERT INTO marks (fname, lname, mark)
VALUES ('$fnm', '$lnm', '$marks')";
if ($conn->query($sql) === TRUE) {
echo "New record created successfully";
} else {
echo "Error: " . $sql . "<br>" . $conn->error;
}
$conn->close();
?>
Output:
16. T.Y. BSc Computer Science
Practical No:- 16
Practical Name: Using of Absolute and Relative
17. T.Y. BSc Computer Science
Date: 10/03/2016
Source Code:
Absolute.html
<html>
<head>
<title>
Absolute Positioning
</title>
</head>
<body>
<h1 align="center">
Absolute Positioning
</h1>
<div style="position:absolute; left:50; top:60;">
<img src="image1.jpg" width=205 height=120>
<br>
Image 1
</div>
<div style="position:absolute; left:200; top:90;">
<img src="image2.jpg" width=205 height=120>
<br>
Image 2
</div>
<div style="position:absolute; left:350; top:120;">
<img src="image3.jpg" width=205 height=120>
<br>
Image 3
</div>
</body>
</html>
Relative.Html
<html>
<head>
18. T.Y. BSc Computer Science
<title>
Relative Positioning
</title>
</head>
<body>
<h1 align="center">
Relative Positioning
</h1>
Do you like
<span style="position: relative; top: -5">roller</span>
<span style="position: relative; top: 5">coasters</span> as much as I
do?
</body>
</html>
Output: