loaddoc กับ gcms เวอร์ชันใหม่
ตัวอย่างจากบทที่ 19 ครับ gcms เวอร์ชันเก่าใช้ฟังก์ชันด่านล่าง
<body onload="loaddoc('page1.php')"><!-- สำหรับการ refresh หน้า -->
<div id="menu">[ <a href="javascript:loaddoc('page1.php')">Gallary</a> | <a href="javascript:loaddoc('page2.php')">How To</a> ]</div>
แต่ทำไม gcms เวอร์ชันใหม่ ไม่มีคำว่า loaddoc คับ
<li class="home select"><a accesskey=1 title="หน้าหลัก :: Home" href="http://www.goragod.com/home.html"><span>Home</span></a>
ผมสงสัยอ่ะครับ พอดีศึกษาเกี่ยวกับ ajax อยู่อ่ะครับ พอจะบอกแน;ทางในการศึกษาไหมครับ
คือผมต้องการทำเมื่อคลิกแท็ก a ให้มันโชว์ใน <div id="show">แสดงผลตรงนี้</div> โดยไม่ใช้คำว่า loaddoc โดยเพียงการคลิก <a href="test.html">Test</a>ก็ให้มันไปแสดงที่แท็ก <div> โดยเมื่อมีการเรียกเนื้อหาจากหน้า test ให้แสดง Loading... ด้วยครับ
<body onload="loaddoc('page1.php')"><!-- สำหรับการ refresh หน้า -->
<div id="menu">[ <a href="javascript:loaddoc('page1.php')">Gallary</a> | <a href="javascript:loaddoc('page2.php')">How To</a> ]</div>
แต่ทำไม gcms เวอร์ชันใหม่ ไม่มีคำว่า loaddoc คับ
<li class="home select"><a accesskey=1 title="หน้าหลัก :: Home" href="http://www.goragod.com/home.html"><span>Home</span></a>
ผมสงสัยอ่ะครับ พอดีศึกษาเกี่ยวกับ ajax อยู่อ่ะครับ พอจะบอกแน;ทางในการศึกษาไหมครับ
คือผมต้องการทำเมื่อคลิกแท็ก a ให้มันโชว์ใน <div id="show">แสดงผลตรงนี้</div> โดยไม่ใช้คำว่า loaddoc โดยเพียงการคลิก <a href="test.html">Test</a>ก็ให้มันไปแสดงที่แท็ก <div> โดยเมื่อมีการเรียกเนื้อหาจากหน้า test ให้แสดง Loading... ด้วยครับ
http://www.goragod.com/knowledge/....html
<html>
<head>
<title>Ajax</title>
</head>
<script language="JavaScript">
var HttPRequest = false;
function test() {
HttPRequest = false;
if (window.XMLHttpRequest) { // Mozilla, Safari,...
HttPRequest = new XMLHttpRequest();
if (HttPRequest.overrideMimeType) {
HttPRequest.overrideMimeType('text/html');
}
} else if (window.ActiveXObject) { // IE
try {
HttPRequest = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
HttPRequest = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!HttPRequest) {
alert('Cannot create XMLHTTP instance');
return false;
}
HttPRequest.open('POST',url,false);
HttPRequest.send(null);
document.getElementById("mySpan").innerHTML = HttPRequest.responseText;
}
window.onload = test;
document.getElementById("abc").onclick = test;
</script>
<body>
<span id="mySpan"></span>
<a href="ss.php" id="abc">ทดสอบ</a>
</body>
</html>