從iframe將表單傳遞給父母的條件

Question

我最近問了一個類似的問題Close Colorbox iframe after form submit and then redirect parent page，但後來改變了方向，所以我認爲最好創建一個新帖子。

我有一個添加到購物車窗體內的iframe（我的父母和iframe駐留在同一個服務器/目錄）。提交時，我想將表單傳遞給父頁面上的腳本。該腳本將關閉iframe（colorbox）窗口並提交表單，但有一個例外;我有兩個版本的網站，一個用於使用iframe顯示產品的標準瀏覽器，另一個是直接打開產品頁面並按原樣正常工作的移動網站。兩者都使用信息存儲在同一個數據庫，這意味着形式總是相同的，所以我需要一個條件，沿着行的東西，如果這個頁面是在一個iframe（通過形式傳遞給父母的腳本提交） （按原樣提交）。我發現這裏的計算器這個片段，我認爲應該在有條件的工作：

if (top === self) { not in a frame } else { in a frame } 

我有三個不同的形式，它們都是獨立的產品頁面上：

最基本的：

<form name="add_cart" action="index.php?action=add" method="post" 
enctype="multipart/form-data"> 

<input type="hidden" name="quantity" value="1" /> 
<input type="hidden" name="products_id" value="1" /> 
<input type="hidden" name="id[1]" value="1" id="att-1-1" /> 
<input type="hidden" name="id[2]" value="2" id="att-2-2" /> 


<input class="cssButton button" type="submit" value="Add Product"/> 
</form> 

然後一個帶有多個複選框選項：

<form enctype="multipart/form-data" method="post" action="index.php?action=add" 
name="cart_quantity"> 

<input type="hidden" value="1" name="quantity"> 
<input type="hidden" value="3" name="products_id"> 

<input id="option-8-1" type="checkbox" value="1" name="id[8][1]"> 
<input id="option-8-2" type="checkbox" value="2" name="id[8][2]"> 
<input id="option-8-3" type="checkbox" value="3" name="id[8][3]"> 
<input id="option-8-4" type="checkbox" value="4" name="id[8][4]"> 

<input class="cssButton button" type="submit" value="Add Selected Items" > 
</form> 

並配有第三下拉選擇了一個選項：

<form enctype="multipart/form-data" method="post" action="index.php?action=add" name="cart_quantity"> 


<input type="hidden" name="quantity" value="1" /> 
<input type="hidden" name="products_id" value="3" /> 
<input type="hidden" name="id[6]" value="9" id="att-6-9" /> 

<select name="id-7" id="options"> 
<option value="1">option 1</option> 
<option value="2">option 2</option> 
<option value="3">option 3</option> 
<option value="4">option 4</option> 
</select> 

我正在尋找任何幫助或指導到得到這個工作。雖然我對JavaScript有更好的把握，但Jquery會很好，任何事情都會感激。

Answer 1

你不需要一個條件，只需使用JavaScript不顯眼，即如果啓用javascript，JavaScript停止（劫持）表單提交，將表單數據發送到父項並關閉iframe - 如果未啓用JavaScript，則表格通常提交：例如使用jQuery

<form id="my-form"> 
</form> 

<script> 
    function formSubmissionHandler(){ 
     // handle form submission 
    } 

    $(document).ready(function(){ 
     $('#my-form').submit(function(){ 
      formSubmissionHandler(); 
      return false; 
     }); 
    }); 
</script> 

http://en.wikipedia.org/wiki/Unobtrusive_JavaScript