Â« Â»

AJAX - a very great web development technology nowaday. Use this AJAX in order to load XML and HTML files on the same website with XMLHttpRequest. And in the body section, just call the name of the file need to get page content and the element for the content page display in, usually a DIV element.

Label: AJAX, page content, loader, web development, technology, XML, HTML, file, XMLHttpRequest, element, DIV, get page, page display

For the best in Cable TV, High Speed Internet & Home Phone Service order Comcast Deals and save money.

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Code
Files
CSS
JavaScript
HTML
Print

demo.xml

Copy All x2

<style type="text/css">
<!--
#contentLYR {
  position:relative;/*
  width:200px;
  height:115px;
  left: 200px;
  top: 200px;*/
  z-index:1;
}
-->
</style>

Copy All x2

<script type="text/javascript">
<!-- Begin
/*
     This script downloaded from www.JavaScriptBank.com
     Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
*/

// Created by: Eddie Traversa (2005) :: http://dhtmlnirvana.com/
function ajaxLoader(url,id) {
  if (document.getElementById) {
    var x = (window.ActiveXObject) ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest();
  }
  if (x) {
    x.onreadystatechange = function() {
      if (x.readyState == 4 && x.status == 200) {
        el = document.getElementById(id);
        el.innerHTML = '<JavaScriptBank>This is content of demo.xml file</JavaScriptBank>';//x.responseText;
      }
    }
    x.open("GET", url, true);
    x.send(null);
  }
}
//-->
</script>

Copy All x2

<div id="contentLYR"></div>
	<script>window.onload = function(){ajaxLoader('demo.xml','contentLYR');}</script>

Comment (17)
Write

by omis, 14/03/2010 05:03 PM
For all Reply

This is to best website of java i love it

by Greenfast, 04/04/2010 10:04 PM
Goood site java Reply

I love that thanks admin

by Location voitures marrakech, 11/04/2010 07:04 PM
Location voitures marrakech Reply

Wow soooooo good thank admins

by long, 21/04/2010 10:04 PM
khÃ´ng hiá»ƒu Reply

mÃ¬nh tháº¥y javascriptbank.com hoáº¡t Ä‘á»™ng ráº¥t hay nhá»¯ng webmaster VN ráº¥t cáº§n . mÃ¬nh Ä‘Ã£ Ä‘i tÃ¬m tÃ²i ráº¥t nhiá»u nhÆ°ng mÃ¬nh hoÃ n toÃ n ko hiá»ƒu javascriptbank.com . nhiá»u quáº£ng cÃ¡o quÃ¡ + khÃ´ng tháº¥y demo . cÃ³ thá»ƒ demo bá»‹ die nhÆ°ng tÃ³m láº¡i mÃ¬nh Ä‘Ã£ vÃ o javascriptbank.com khoáº£ng 10 láº§n vÃ Ä‘á»u tháº¥t vá»ng Ä‘i ra