error popup ค่ะ
มีเรื่องรบกวนอยากจะถามเกี่ยวกับกับ นำเอา 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>
รบกวนช่วยดูให้ทีนะคะ ขอบคุณมากค่ะ รบกวนด้วยนะคะ
this.style คือ การระบุถึงอ็อปเจ๊คท์ตัวนั้นๆ (ตัวปัจจุบันที่กำลังทำงานอยู่นั่น)
ภายในโค้ดที่ให้มาดูนั้นไม่มีตรงส่วนไหนที่ อ้างอิง โดย this เลยไม่อาจย้อนรอย
ดูที่มาของค่าต่างๆ ได้ จึงตอบไม่ได้ว่าโค้ดมันอาจจะผิดที่ตรงไหน
ถ้าเป็นโค้ดที่โหลดมาแล้วเอามาปรับใช้กับของเรา เราควรดูให้ดีว่ามีอะไรบ้างที่
มันขาดหายไป หรือไม่ตรงตามที่ระบบโปรแกรมต้องการ ก็จะไม่สามารถทำงานได้
อย่างอย่างที่เป็น
มันอางจะผิดตรงที่หน้านี้เอง
ลองหาดูว่าในฟังชั่นเหล่านี้
cre_Preview();
add_form();
show();
เพราะอาจมีบางอย่างที่เกี่ยวพันธ์กัน
อาจมีการเก็บค่าอะไรจากตรงไหนบ้างที่มันผิดแปลกไม่ตรงกันกับสิ่งที่เราต้องการ
อาจจะเป็นพวก id name หรือ value ("เป็นเพียงแนวทางการหาจุดที่คาดว่าจะผิดพลาด")
เพราะ 'this.style' กำลังจะกำหนด Style ให้กับอ็อปเจ็คท์ตัวนั้นอยู่
ถ้าไม่มีอ็อปเจ็คท์ดังกล่าวมันก็กำหนดค่าให้ไม่ได้
แนะนำให้เช็คดูไฟล์นี้ด้วย
JS/popup.js
<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" />