Demo ของบทความ -> http://www.bigquery.com/demo/mootools/darkwing-LightFace/
View source ของบทความ ->view-source:http://www.bigquery.com/demo/mootools/darkwing-LightFace/
Demo ที่ผมปรับแต่ง -> http://www.procard.co.th/index2.php
สิ่งที่ผมแก้ :: แก้ใข event จาก onClick เป็น onLoad โดยนำ script ด้านล่างนี้ ไปไว้ภายใน <head> </head> จากนั้นเราก็เรียกใช้ใน tag body ดูตัวอย่างด้านล่างเลย...
<html>
</head>
<script type="text/javascript" src="LightFace/mootools-core-1.4.5-full-nocompat.js"></script>
<script type="text/javascript" src="LightFace/Source/LightFace.js"></script>
<script type="text/javascript" src="stmenu.js"></script>
<script language="javascript">
function LightFacePopup(){
var modal = new LightFace({
height: 415,
width: 620,
title: 'Information from us.',
content: '<a href="index2.php"><img src="imgs/info_popup.jpg" style="float:left;margin:0 20px 20px 0px;" /></a>',
buttons: [
{ title: 'Close', event: function() { this.close(); }, color: 'green' }
]
});
modal.open();
}
</script>
<head>
<body onLoad="javascript:LightFacePopup();">
.
.
.
.
</body>
</html>
หมายเหตุ :: ไฟล์ที่เรียกมาใช้งานร่วม หาโหลดเอาเองจากลิ้งบทความด้านบนนะจ๊ะ
ไม่มีความคิดเห็น:
แสดงความคิดเห็น
หมายเหตุ: มีเพียงสมาชิกของบล็อกนี้เท่านั้นที่สามารถแสดงความคิดเห็น