春天mvc jquery模態框和iframe

我想要集成Spring MVC + jQuery +模態在模態是iframe的應用程序中。春天mvc jquery模態框和iframe

jquery插件是SimpleModal。

屏幕非常簡單。目標網頁是一個生產頁面，其中有兩種產品的價格基於郵政編碼。

當頁面負載運行執行以下操作：顯示

$(window).load(function(){ 
    var param = $.url().param('zipcode'); 
    alert("zipcode = " + param); 
    if(null == param || param.length == 0) 
    { 
     $.modal('<iframe src="zip-code.html" height="240" width="380" scrolling="no">', { 
     //overlayClose:false, 
     //closeHTML:"" 
     //onClose: contact.close 
     }); 
    } 

    });

的郵政編碼框和用戶簡單的郵政編碼進入並選擇應用。

必須檢查郵政編碼是否有效並屬於給定地區。如果出現錯誤，則顯示郵政編碼框，否則郵政編碼將被接受，並且窗口將關閉，並且着陸頁將隨價格刷新。

現在我爲登陸頁面和郵政編碼模式窗口創建了一個簡單的控制器。郵政編碼模式使用與登錄頁面相同的控制器。

發生什麼事是，當用戶選擇應用按鈕和郵政編碼有效，而不是模式窗口關閉，它將被重定向到着陸頁網址。

我是jQuery的新手。我在網上搜索，看看其他人是否正在使用彈簧mvc模式或彈出式窗口，並且我在搜索中沒有成功。

來源

2011-05-02 boyd4715

你如何提交頁面（應用按鈕）？你正在做一個HTML表單提交？如果你這樣做，你必須使用jquery ajax（http://api.jquery.com/jQuery.ajax/）來更改它。 – 2011-05-02 06:36:52

你應該把這個着陸頁上：

<script> 
    ... 
    function closeModal(){ 
     //code to close your modal 
    } 
</script>

下面的腳本應該是你「成功頁面」（即當郵政編碼是OK，加載一個）

<script> 
    window.parent.closeModal(); 
</script>

的最後一個腳本在着陸頁中調用closeModal公共函數，因此它關閉了模式。

希望這會有所幫助。乾杯

來源

2011-05-02 06:41:15

春天mvc jquery模態框和iframe

回答

相關問題