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

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