A-AA+then

loaddoc กับ gcms เวอร์ชันใหม่

657
ตัวอย่างจากบทที่ 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... ด้วยครับ

3 ความคิดเห็น

1

ดูให้หน่อยครับ ข้อมูลไม่แสดงตรง <span id="mySpan"></span> นี้ครับ

<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>
2

Javascript ต้องวางไว้ก่อนปิด body ครับ (หลัง element ที่เกี่ยวข้องซึ่งในที่นี้คือ abc)
3
^