的Javascript - 等待事件繼續

Question

之前，我想製作一個javascript函數，可以做到以下幾點：

1. 的onclick，在浮動DIV形式彈出（這部分是好的）
2. 的腳本，然後在返回表單中的值之前，如何等待數據輸入到表單中。

你可以說我想創建我自己的JavaScript提示版本。

問題是如何執行操作＃2？

任何幫助表示讚賞。

Answer 1

任何強調ONE Javascript功能的原因？

function showModal() { 
    var div = document.createElement('div'); 
    div.id = 'myprompt'; 
    div.innerHTML = '<form id="test" onsubmit="return handleModal();"><input type="text" name="first"></form>'; 
    document.body.appendChild(div); 
} 

function handleModal() { 
    alert('Hello, ' + document.getElementById('test').first.value); 
    return false; 
} 

showModal(); 

Check this out in action。只需輸入內容並按下回車鍵。樣式將通過CSS完成。

Javascript的一大部分是事件：做這個當這個發生。你不應該試圖去對抗它。

正如你所看到的，這會變得毛茸茸的快。你應該看看很多很多的庫和插件，它們處理得非常好。我個人推薦jQuery和Thickbox，jModal或Impromptu。

Answer 2

jQuery modal dialog boxes。請參閱SimpleModal中的示例。