เกี่ยวกับป๊อบอัพ (Popup)
14 มี.ค. 2016 , 6,022 Views , หมวดหมู่ jQuery,JavaScript,Ajax WebDesign ทุกหมวดหมู่ โค๊ดดิ้ง , ป้ายกำกับ:form, popupรวบรวมโค๊ดที่ใช้งานเกี่ยวกับป๊อบอัพ (Popup) ที่ได้ใช้บ่อยๆ
คลิกแล้วเปิด Popup
Syntax
|
1 |
window.open(URL,name,specs,replace) |
name
- _blank – URL is loaded into a new window. This is default
- _parent – URL is loaded into the parent frame
- _self – URL replaces the current page
- _top – URL replaces any framesets that may be loaded
specs เช่น left,top,toolbar,width,height,scrollbars เป็นต้น
ตัวอย่าง
|
1 2 3 4 5 6 7 8 |
<a href="#" onclick="window.open('popup.php','','left=0,top=0,toolbar=no,width=1000,height=600');"> คลิกเพื่อเปิดป๊อบอัพ</a> <button onclick="window.open('popup.php','','left=0,top=0,toolbar=no,width=1000,height=600');"> คลิกเพื่อเปิดป๊อบอัพ</button> <img src="imgname.jpg" style="cursor:pointer;" onclick="window.open('popup.php','','left=0,top=0,toolbar=no,width=1000,height=600');" > |
Submit Form แล้วส่งค่าไปที่หน้า Popup
ตัวอย่าง
|
1 2 3 4 5 |
<form method="post" target="popup_name" action="popupform.php" onSubmit="window.open('','popup_name','left=0,top=0,width=800,height=600,toolbar=no');"> <input type="text" value="" name="name"> <input type="submit"> </form> |
ส่งค่าจาก Popup มาที่ Form
หน้า form ที่ส่งค่าไปที่ Popup และจะรับค่าจาก Popup
|
1 2 3 4 5 6 7 8 |
<form method="post" name="frmname" target="popup_name" action="popupform.php" onSubmit="window.open('','popup_name','left=0,top=0,width=800,height=600,toolbar=no');"> ส่งค่าไปที่ป๊อบอัพ<input type="text" value="" name="name"><br /> รับค่าจากป๊อบอัพ<input type="text" value="" name="name_value_from_popup"><br /> <input type="submit"> </form> |
หน้า popup ที่คลิกลิ้งค์แล้วจะส่งค่ากลับมาที่ฟอร์ม
|
1 2 3 4 5 |
<a href="#" onclick="opener.document.frmname.name_value_from_popup.value='<?php echo $_POST['name']; ?>'; javascript:window.close();"> <?php echo $_POST['name']; ?> </a> |
