2011-04-07 43 views
2

我使用這裏保羅R.Hayes描述的CSS模式對話框 - http://www.paulrhayes.com/experiments/modal/如何在表單提交後關閉模式框?

我已插入形式進入模式對話框。表單目標位於隱藏在同一頁面上的iframe中。我想在窗體提交後立即關閉模態窗口。但表單應該在iframe中處理(隱藏)。

我該如何做到這一點?

+0

您意外地創建了兩個未註冊的帳戶。我已將它們合併,現在可以編輯您的問題並在您的問題的答案下留下意見。 – 2011-04-07 14:33:15

回答

2

它看起來像模態窗口關閉的任何URL鏈接到#close html片段。

因此,將以下代碼添加到表單的提交處理程序應該關閉提交時的模式。

<form ... onsubmit="window.location.assign('#close')"> 
+0

+1,救了我挖入代碼;-) – 2011-04-07 12:50:27

+0

@Ryan McCrossan,謝謝。是。這個模式框完全由css3構成。你的onsubmit解決方案工作。這很簡單,但沒有打動我。我正在考慮重定向。 – Sam 2011-04-07 13:16:48

+0

@sam:請不要忘記接受這個答案,然後;-) – 2011-04-08 07:04:40

1

我假設模式按鈕的關閉按鈕調用一個Javascript函數。例如「CloseModal()」。 在你的表單標籤,你可以使用下面的代碼來調用該函數:

<form name="myform" action="myconfpage.extension" target="iframe" onSubmit="CloseModal();">

這將呼籲形式提交關閉功能。

+0

我以爲是一樣的,但是看起來這個模式窗口完全是由CSS創建的。 – 2011-04-07 12:48:14