สำหรับ jQuery plugins clickover บน Bootstrap ลักษณะการทำงานจะคล้ายๆ Popup ของ Javascript
และต้อง แทรก ไฟล์ bootstrap-clickover.js ก่อนถึงใช้งานได้
ตัวอย่างการใช้งาน
- 9-18-2013 3-36-12 AM.png (9.97 KiB) Viewed 1341 times
รูปแบบการใช้งาน
- 9-18-2013 3-38-29 AM.png (60.27 KiB) Viewed 1341 times
ตัวอย่าง
โค้ด: เลือกทั้งหมด
<a href="#" id="login_icon" rel="clickover" title="{L_LOGIN}" data-placement="bottom" data-content='<form><input type="text"/></form>'><span class="icon-search"></span></a>
code script
โค้ด: เลือกทั้งหมด
<script type="text/javascript">
$(function() {
$('#login_icon').clickover();
})
</script>
ตัวอย่าง popup ปิดตัวเองใน 15วิ
โค้ด: เลือกทั้งหมด
$('#auto-close-co').clickover({
auto_close: 15 * 1000
});
ตัวอย่าง ปรับขนาด กว้าง ยาว
โค้ด: เลือกทั้งหมด
$('#set-tall-skinny').clickover({ width: 50, height: 300 });
สำหรับ jQuery plugins clickover บน Bootstrap ลักษณะการทำงานจะคล้ายๆ Popup ของ Javascript
และต้อง แทรก ไฟล์ bootstrap-clickover.js ก่อนถึงใช้งานได้
ตัวอย่างการใช้งาน
[attachment=1]9-18-2013 3-36-12 AM.png[/attachment]
รูปแบบการใช้งาน
[code]$('#example').clickover(options)[/code]
[attachment=0]9-18-2013 3-38-29 AM.png[/attachment]
ตัวอย่าง
[code] <a href="#" id="login_icon" rel="clickover" title="{L_LOGIN}" data-placement="bottom" data-content='<form><input type="text"/></form>'><span class="icon-search"></span></a>
[/code]
code script
[code]
<script type="text/javascript">
$(function() {
$('#login_icon').clickover();
})
</script>
[/code]
ตัวอย่าง popup ปิดตัวเองใน 15วิ
[code]$('#auto-close-co').clickover({
auto_close: 15 * 1000
}); [/code]
ตัวอย่าง ปรับขนาด กว้าง ยาว
[code] $('#set-tall-skinny').clickover({ width: 50, height: 300 }); [/code]