Ajax Dynamic Content Script

Simple ajax script used to display the contents of the link-page dynamically without refreshing the page.

Features

Using this script you can load the external contents dynamically in your webpage with out refreshing.
You can display different data within the same specified area for different links in your web page using any of the mouse events.
You may include any contents like image, text or a link.
Simple and ease of use.
Just copy the code in to your page and use it to display dynamic contents.

Preview

Click on the below links to display the dynamic content

Downloads

HTML and JAVASCRIPT CODE:

<script type="text/javascript">
var xmlhttp
function showHint(url)
{
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET",url,false);
xmlhttp.send(null);
document.getElementById('contain').innerHTML=xmlhttp.responseText;
}
function ctck()
{var sds = document.getElementById("dum");
if(sds == null){
alert("You are using a free package.\n You are not allowed to remove the tag.\n");
}
var sdss = document.getElementById("dumdiv");
if(sdss == null){
alert("You are using a free package.\n You are not allowed to remove the tag.\n");
}

}

document.onload="ctck()";

</script>
<a href="javascript:showHint('your page link','contain');">Page1</a><br>
<a href="javascript:showHint('your page link','contain');">Page2</a><br>
<a href="javascript:showHint('your page link','contain');">Page3</a>
<div id="contain" style="padding-left:100px"</div>
<div style="font-size: 10px;color: #dadada;" id="dumdiv">
<a href="//www.hscripts.com" id="dum" style="text-decoration:none;color: #dadada;">'©'h</a></div>

Release Date - 27-04-2010
Get free version without ©copyright link for just $10/-
For customization of this script or any script development, mail to support@hscripts.com

Usage

Copy and paste the html and javascript code in your html file, where you want to display the dynamic content.
Give the file link which you need to be loaded dynamically to the showHint() function.
Place the code file and your html file in the same folder.