我需要提交表單並重定向表單提交中的父頁面在一個漂亮的盒子

Question

這是在fancybox彈出iframe頁面給出的表單代碼。

我需要的是按提交按鈕時關閉這個彈出並重定向父頁面的

http://luxuryresortstayvouchers.com/newdesign/?p=list.php

。

以下函數正在有效關閉fancybox彈出窗口，但父頁面未被重定向到所需的位置。

function closeMeUp() 
{ 
parent.$.fancybox.close(); 
} 




    <form action=""http://luxuryresortstayvouchers.com/newdesign/?p=list.php method="post" target="_parent" class="form_class" enctype="multipart/form-data" > 

     <input class="vouch_num" type="text" placeholder="Checkin date" maxlength="25" size="50" id="datepicker" /> 
     <input class="vouch_num" type="text" placeholder="Checkout date" maxlength="25" size="50" id="datepicker2" /> 
     <br /> 
     <input type="button" id="ok" class="submit_but" value="Submit" onClick="closeMeUp();" /> 
     <input type="button" id="cancel" class="cancel_but" value="Cancel" /> 

    </form> 

任何幫助，高度讚賞。

謝謝。

Answer 1

您可以使用parent.window.location.href屬性onsubmit屬性的你（的iFrame）form喜歡裏面：

<form id="login_form" 
onsubmit="javascript:parent.window.location.href='http://luxuryresortstayvouchers.com/newdesign/?p=list.php';" > 

... 
</form> 

注意，你不必強迫關閉的fancybox因爲頁面重定向將做的工作。

另外通知如果您手動關閉fancyBox（不提交表單），父頁面將不會被重定向。

見JSFIDDLE