AJAX<html>
<head>
<title>AJAX</title>
<script language="javascript">
window.onload = init(); var xhr = false;
function init()
{
if(window.XMLHttpRequest)
{
xhr = new XMLHttpRequest();
} else { if(window.ActiveXObject)
{ try
{ xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e)
{
alert("Error");
}
}
}
} function buttonclick()
{
xhr.onreadystatechange = contentHandler;
xhr.open("GET","file.txt",true);
xhr.send(null);
}
function contentHandler()
{
if(xhr.readyState == 4 || xhr.status == 200 )
{
document.getElementById("area").innerHTML = xhr.responseText;
}
}
</script>
</head>
<body>
<form> <div id="area">
Click the button to change the text</div>
<input id="mybutton" value="Click here" onclick="buttonclick();">
</form>
</body>
</html>
COLLAPSE:
<html>
<head>
<title> drop down list </title>
<script src="drop.js">
</script>
</head>
<body>
Name: J.KRITHI PRATHIKSHA<br/>
<a href="javascript:switchit('CycleTest1');"> CycleTest1</a><br />
<div id="CycleTest1" >
AI 70<br/> PCD 80 <br/> OOAD 78<br/> ACA 62<br/> WT 94 <br/> ADT 64
</div>
<a href="javascript:switchit('CycleTest2');"> CycleTest2</a><br />
<div id="CycleTest2" >
AI 75<br/> PCD 88 <br/> OOAD 75<br/> ACA 72<br/> WT 95 <br/> ADT 74 </div>
<a href="javascript:switchit('CycleTest3');"> CycleTest3</a><br />
<div id="CycleTest3" >
AI 75<br/> PCD 88 <br/> OOAD 75<br/> ACA 72<br/> WT 95 <br/> ADT 74 </div>
</body>
</html>