A-AA+then

error popup ค่ะ

5,981

มีเรื่องรบกวนอยากจะถามเกี่ยวกับกับ นำเอา code popup จาก web http://www.methods.co.nz/popup/popup_demo.html นี้มาใช้ในเว็บของเราเองนะคะ แต่ว่าเกิด error 'this.style' is null or not an object ขึ้นแบบนี้นะคะ เป็นเพราะอะไรหรือคะ
 code เว็บที่ทำอยู่นะคะ
<!DOCTYPE HTML PUBLIC "//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Test</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">

<script src="JS/jquery.js" type="text/javascript"></script> 
<script src="JS/jquery.dimensions.js" type="text/javascript"></script> 
<script src="JS/jquery.accordion.js" type="text/javascript"></script>
<script src="JS/form_1.js" type="text/javascript"></script>
<script src="JS/form_2.js" type="text/javascript"></script>
<script src="JS/prototype.js" type="text/javascript"></script>
<script src="JS/effects.js" type="text/javascript"></script>
<script src="JS/dragdrop.js" type="text/javascript"></script>
<script src="JS/popup.js" type="text/javascript"></script>
 
<link rel="stylesheet" href="CSS/popup.css" type="text/css" />
<link rel="stylesheet" href="CSS/demo.css" type="text/css" />
<link rel="stylesheet" href="CSS/column.css" type="text/css" />

<script type="text/javascript">
 jQuery().ready(function(){
  // simple accordion
  jQuery('#list1a').accordion();
  jQuery('#list1b').accordion({   
   autoheight: false });
 });
</script>


<script type="text/javascript">
 //<![CDATA[
  new Popup('popup_2','popup_link_2')
 //]]>
</script>

</HEAD>

<body > 

<p>A <span id="popup_link_2" class="popup_link">draggable click-to-close popup</span>.</p>
  <div id="popup_2" class="popup popup_draghandle">
   <h3>Lorum Ipsum</h3>
   <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet,
   consectetur, adipisci velit...</p>
   <p>This popup auto-opens but is manually closed.</p>
   <p>Drag anywhere on this popup to move it.</p>
   <p><a class="popup_closebox" href="#">Close box</a></p>
  </div>

    <div class="basic" id="list1b">
   <a><B>Data 1 :</B></a>
   <div id="containers">
    <div id="leftnav">
     <table id="tb_form1" width="200" border="1">
      <form id="Group_1" name="form1" method="post" action="">
       <tr>
        <td width="77">inputData1</td>
        <td width="107"><input type="text" name="Group1_data[0]" /></td>
       </tr>
       <tr>
        <td>inputData2</td>
        <td><input type="text" name="Group1_data[1]" />      </td>
       </tr>
      </form>
     </table>
    <br />

    <div>
     <input type="submit" onclick="cre_Preview()" value="Build" />
     <input type="submit" onclick="add_form()" value="Add" />
     <input type="submit" onclick="show()" value="Show" />
    </div>
    <br />
    </div>

    <div id="content">
    <div id="Dis_preview">
     <table border="1" id="table1" >
     </table>
    </div>
    </div>

   </div> 

 </div>

</body>
</html>
รบกวนช่วยดูให้ทีนะคะ ขอบคุณมากค่ะ รบกวนด้วยนะคะ

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

'this.style' is null or not an object


this.style คือ การระบุถึงอ็อปเจ๊คท์ตัวนั้นๆ (ตัวปัจจุบันที่กำลังทำงานอยู่นั่น)
ภายในโค้ดที่ให้มาดูนั้นไม่มีตรงส่วนไหนที่ อ้างอิง โดย this เลยไม่อาจย้อนรอย
ดูที่มาของค่าต่างๆ ได้ จึงตอบไม่ได้ว่าโค้ดมันอาจจะผิดที่ตรงไหน

ถ้าเป็นโค้ดที่โหลดมาแล้วเอามาปรับใช้กับของเรา เราควรดูให้ดีว่ามีอะไรบ้างที่
มันขาดหายไป หรือไม่ตรงตามที่ระบบโปรแกรมต้องการ ก็จะไม่สามารถทำงานได้
อย่างอย่างที่เป็น

มันอางจะผิดตรงที่หน้านี้เอง
ลองหาดูว่าในฟังชั่นเหล่านี้

cre_Preview();
add_form();
show();

เพราะอาจมีบางอย่างที่เกี่ยวพันธ์กัน
อาจมีการเก็บค่าอะไรจากตรงไหนบ้างที่มันผิดแปลกไม่ตรงกันกับสิ่งที่เราต้องการ
อาจจะเป็นพวก id name หรือ value ("เป็นเพียงแนวทางการหาจุดที่คาดว่าจะผิดพลาด")
เพราะ  'this.style'  กำลังจะกำหนด Style ให้กับอ็อปเจ็คท์ตัวนั้นอยู่
ถ้าไม่มีอ็อปเจ็คท์ดังกล่าวมันก็กำหนดค่าให้ไม่ได้

แนะนำให้เช็คดูไฟล์นี้ด้วย
JS/popup.js
1

ขอบคุณสำหรับคำตอบนะคะ จะทำการปรับแก้ค่ะ
2

ดูแล้วมีไฟล์ .js กับ .css สัมพันธ์เยอะพอสมควร น่าจะต้องลองเช็คดูด้วยว่าใส่ไว้บน host ครบหรือเปล่า หรือใส่ไว้ใน path ผิดหรือเปล่า

<script src="JS/jquery.js" type="text/javascript"></script> 
<script src="JS/jquery.dimensions.js" type="text/javascript"></script> 
<script src="JS/jquery.accordion.js" type="text/javascript"></script>
<script src="JS/form_1.js" type="text/javascript"></script>
<script src="JS/form_2.js" type="text/javascript"></script>
<script src="JS/prototype.js" type="text/javascript"></script>
<script src="JS/effects.js" type="text/javascript"></script>
<script src="JS/dragdrop.js" type="text/javascript"></script>
<script src="JS/popup.js" type="text/javascript"></script>
 
<link rel="stylesheet" href="CSS/popup.css" type="text/css" />
<link rel="stylesheet" href="CSS/demo.css" type="text/css" />
<link rel="stylesheet" href="CSS/column.css" type="text/css" />
3

จริง.........................ครับ
4
^