Javascript - 在继续之前等待事件

时间:2009-06-08 05:21:00

标签: javascript

我正在尝试创建一个可以执行以下操作的javascript函数:

  1. onclick,浮动div中的表单弹出窗口(此部分没问题)
  2. 该脚本然后是一些如何在返回表单中的值之前等待数据输入表单。
  3. 你可以说我正在尝试创建自己的javascript提示版本。

    问题是如何采取行动#2?

    任何帮助表示感谢。

2 个答案:

答案 0 :(得分:2)

jQuery modal dialog boxes。请参阅SimpleModal中的示例。

答案 1 :(得分:0)

强调一个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。只需键入内容并按Enter即可。样式化将通过CSS完成。

Javascript的很大一部分是事件:当发生此时,请。你不应该试图对抗它。

正如你所看到的,这会变得很快。你应该深入研究很多很好的处理这个问题的库和插件。我个人推荐jQueryThickboxjModalImpromptu