วิธี Submit form แล้วให้ เปิด หน้าต่างใหม่ New Pop Up
คำถามเกี่ยวกับ :วิธี Submit form แล้วให้ เปิด หน้าต่างใหม่ New Pop Up
วิธี Submit form แล้วให้ เปิด หน้าต่างใหม่ด้วย Java Script ครับ
บ่อยครั้งที่เรา จะ Open Pop up window มักจะใช้ Link แล้วแปะ Parameter ไป
แต่ถ้าเกิดว่าเรามีค่าใน form เยอะๆ มานั่งแปะก็คงไม่ไหวครับ
วันนี้จะแนะนำวิธีการ Submit form ที่เป็น method="post" แล้วให้ หน้าที่เรา Action ไป Open popup ใหม่ครับ ตามตัวอย่างนี้เลย
ก่อนอื่นเขียน Function javascript ตามนี้
<SCRIPT TYPE="text/javascript">
<!--
function submitpopup(myform){
window.open('', 'test popup', 'height=200,width=400,scrollbars=yes');
myform.target='test popup';
return true;
}
//-->
</SCRIPT>
ส่วนของ HTML Form ก็เรียกใช้ง่ายๆ แค่นี้ครับ
<FORM METHOD=POST ACTION="test.html" onSubmit="submitpopup(this)">
ลองไปใช้กันดูครับผม
วิธี Submit form แล้วให้ เปิด หน้าต่างใหม่ด้วย Java Script ครับ
บ่อยครั้งที่เรา จะ Open Pop up window มักจะใช้ Link แล้วแปะ Parameter ไป
แต่ถ้าเกิดว่าเรามีค่าใน form เยอะๆ มานั่งแปะก็คงไม่ไหวครับ
วันนี้จะแนะนำวิธีการ Submit form ที่เป็น method="post" แล้วให้ หน้าที่เรา Action ไป Open popup ใหม่ครับ ตามตัวอย่างนี้เลย
ก่อนอื่นเขียน Function javascript ตามนี้
<SCRIPT TYPE="text/javascript">
<!--
function submitpopup(myform){
window.open('', 'test popup', 'height=200,width=400,scrollbars=yes');
myform.target='test popup';
return true;
}
//-->
</SCRIPT>
ส่วนของ HTML Form ก็เรียกใช้ง่ายๆ แค่นี้ครับ
<FORM METHOD=POST ACTION="test.html" onSubmit="submitpopup(this)">
ลองไปใช้กันดูครับผม
งง
ตอบลบนึกไม่ออกว่าเอาไปทำอะไรต่อช่ายมะครับ คือเท่าที่ผมเข้าใจนะ เวลาเราจะกด Link แล้วให้ขึ้น popup อ่ะส่วนมากเราจะแนบ parameter ต่อท้าย แบบ get เข้าไปง่ายๆ แต่มันมีบางงานครับที่ ต้องการ submit แบบ post เข้าไปที่ page ใหม่แบบ popup ครับ เลยต้องใช้วิธีนี้
ลบ55+ โพสนี้น่าจะ 10 ปีที่แล้วเอาจริงๆ แค่ popup สมัยนี้ก็แทบไม่รู้จักกันแล้วครับ รู้จักแต่ Modal แล้ววิธีการเขียนแบบนี้คงไม่มีใครใช้กันแล้วครับ ข้ามๆ ไปได้เลย แต่ถ้าอยากย้อนอดีตไปหาวิธีเขียนแบบ classic เดิมๆ ก็ลองดูได้นะ
ลบ