的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中的示例。