Question

我对前端Web开发非常陌生，我想知道无论如何我在单击链接时会出现一个小文本框，当我提交表单时它会消失。（我想要像Facebook目前的生日愿望，点击人名，一个小的评论框打开'顶部'，让你从主页本身张贴一个愿望。

对不起，如果这是一个愚蠢的问题。

Answer 1

最好的方法是使用像jQuery Dialog UI这样的框架。文档很大，有很多样本可用。

例如，使用输入文本创建一个div元素，并将其创建绑定到所需的按钮：

<强> HTML

    <div id="dialog">
        <input type="text" />
    </div>
    <a href="#">Open dialog</a>

<强>的Javascript

$(function () {
    $("#dialog").dialog({ autoOpen: false });
    $('a').click(function () {
        $("#dialog").dialog('open');
    });
});

Answer 2

另一个回答者假设你正在使用jQuery。如果那是真的，我会看jqModal。它比>更强大，更简单>

Answer 3

简单的javascript中的基本示例，可以帮助您入门

<form id="mainForm">
    <a id="clickme" href="javascript:;">click me</a>
    <input id="submitme" type="submit" />
</form>

<script type="text/javascript">    
    var mainForm = document.getElementById("mainForm"),
        textBox = document.createElement("input");

    textBox.id="tmpTextBox";
    textBox.type="text";

    document.getElementById("clickme").onclick = function () {
         mainForm.appendChild(textBox);
    }

    document.getElementById("submitme").onclick = function () {
        mainForm.removeChild(textBox);
    }
</script>

点击链接上会显示评论框

3 个答案: