GORAGOD.com

freelance, web developer, web designer, hosting, domain name

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... ด้วยครับ
15 ม.ค. 2557 3 1,635
#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
ความคิดเห็น
ไฟล์อัปโหลด ชนิด jpg, jpeg ขนาดไฟล์ไม่เกิน 2M
^