2012-09-11 45 views
-1

我在一個進行中的網站上有幾個鏈接,它將顯示我稱之爲「一次性」信息 - 有點像項目和聯繫表單等,我真的不想做用戶重新加載頁面。我可以通過模態或無模式對話框來顯示信息和聯繫表單嗎?

最初我以爲我希望將這些顯示爲模式(或無模式)的窗口,從而阻止額外的頁面加載並保持儘可能在頁面的一次加載內提供的職責。

但是,我沒有JS的知識,所以我在試圖實現模態窗口系統時失敗了。問題1 - 有沒有其他模式對話框更適合我沒有想過的?我想唯一的其他選擇是一個CSS彈出窗口,它可以在沒有JS的情況下執行相同的操作。

我想我可能不得不辭職以分開頁面加載,所以另一種情況是我有一個帶音樂播放器和其他數據的邊欄。理想情況下,我不希望用戶點擊一個鏈接並重新加載音樂播放器(即,在用戶導航到這個一次性信息時繼續播放),1)由於用戶停止和啓動音樂的體驗,以及2 ),所以多次重新開始不會影響播放次數。這一點...

問題2 - 有什麼我可以用同樣的方式作爲一個HTML框架設置用於這是非dodgy,或者我將不得不接受重新加載播放器?

+0

向我們展示你已經嘗試了什麼。 – NewUser

+0

@Dibya我還沒有嘗試過任何嘗試產生模式對話框的失敗。我已經嘗試了jQuery UI對話框,FancyBox和一個來自raventools的教程,但是因爲它看起來不像其他示例,所以它讓我困惑。 – tomdot

+0

你可以通過使用JS做花哨的聯繫頁面參考http://stackoverflow.com/questions/10662891/validating-form-using-javascript,你也可以看到cutmblog.hostzi.com。這是一個組織不佳的頁面,但對初學者很有幫助。你可以使它結構良好 – NewUser

回答

1

莫代爾pop are是最好的做法。我不會建議去尋求任何其他聯繫方式的技巧。如果你不喜歡複雜性,有一個簡單的技巧HTML <form>。一個簡單的HTML form

<div id == "errorresponse"></div> 
<form name = "myform" action = "action.php" method = "post" onSubmit = "validate()"> 
<input type = "text" name = "firstname"/> 
<input type = "text" name = "email"/> 
<input type = "submit" name = "submit" value = "Click Here to Submit"/> 
</form> 
+0

謝謝Dibya。我會研究這一點,但我很失望,模態是最好的做法,因爲我很難理解如何編寫它。 – tomdot

1

您可以使用展開和摺疊方法 示例代碼,以顯示你的不同鏈接信息。 這會更容易,不需要重新加載頁面。

另外模式彈出是一個不錯的選擇,但點擊次數增加。

這兩種類型的演示,你可以在下面的鏈接找到。

websemantics.co.uk/resources/accessible_css3_modal_pop-ups/

相關問題