AJAX - một kĩ thuật phát triển web đang rất được ưa chuộng và thịnh hành. Bạn có thể dùng hiệu ứng AJAX này để tải các tập tin XML v... chi tiết tại JavaScriptBank. com - 2.000+ free JavaScript codes
[IMG]hxxp ://w w w.javascriptbank. com/javascript.images/ajax/ajax-page-content-loader.jpg[/IMG]
Demo: Trình tải nội dung trang với AJAX
| AJAX Page Content Loader
Cách cài đặt
Bước 1: Đặt mã CSS bên dưới vào phần HEAD
CSS
Code:
<style type="text/css">
<!--
#contentLYR {
position:relative;/*
width:200px;
height:115px;
left: 200px;
top: 200px;*/
z-index:1;
}
-->
</style>
Bước 2: Đặt mã JavaScript bên dưới vào phần HEAD
JavaScript
Code:
<script type="text/javascript">
<!-- Begin
/*
This script downloaded from w w w.JavaScriptBank. com
Come to view and download over 2000+ free javascript at w w w.JavaScriptBank. com
*/
// Created by: Eddie Traversa (2005) :: hxxp ://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>
Bước 3: Đặt mã HTML bên dưới vào phần BODY
HTML
Code:
<div id="contentLYR"></div>
<script>window.onload = function(){ajaxLoader('demo.xml','contentLYR');}</script>
Bước 4: tải các file
Files
demo.xml
Một vài nhãn tương tự: tải nội dung, nội dung trang, AJAX, kĩ thuật, phát triển web, thịnh hành, tập tin, XML, HTML, đường dẫn
Bạn có thể xem thêm nhiều JavaScript khác về Ajax
Menu trượt ở đầu trang web - Code tuyết rơi - Hiệu ứng ảnh mờ ảo bằng JavaScript