สำนักวิทยบริการและเทคโนโลยีสารสนเทศ (สวส.)

Office of Academic Resources and Information Technology


Office of Academic Resources and Information Technology

Jquery ทำ dialog หรือ บางคนอาจเรียก popup เมื่อปิดแล้วให้ redirect ไปหน้าอื่น

Jquery

Jquery ทำ dialog หรือ บางคนอาจเรียก popup โดยปกติแล้วเมื่อผู้ใช้กดปุ่ม x dialog หรือ หน้า popup นั้น ก็จะปรากฏหน้าเดิมเขึ้นมาแ แต่ถ้าเราต้องการให้เมื่อผู้ใช้ กดปุ่ม x เพื่อปิดปิดหน้านั้นแล้ว  redirect ไปหน้าอื่น 
 
โค้ดตัวอย่าง ส่วนของ dialog 

<script>
    $(function() {
        $( "#dialog:ui-dialog" ).dialog( "destroy" );
    
        $( "#dialog-message" ).dialog({
            modal: true,
                        close: function(event, ui) 
                        { 
                            location.href = 'http://www.mindphp.com';
                            $(this).dialog('close');
                            return false;
                        } 
        });
    });
</script>

นำโค้ดนี้ไปประยุกต์โค้ดตัวอย่างอย่างที่ทาง Jquery 
http://jqueryui.com/demos/dialog/#option-minWidth
 
ที่มา : http://www.mindphp.com