评论框出现在点击链接上

Question

我对前端Web开发非常陌生，我想知道是否仍然可以在单击链接时出现一个小的文本框，当我提交表单时该文本框会消失。 （我想要类似Facebook当前用于生日愿望的东西，在其中单击人员名称，在“顶部”打开一个小注释框，让您从主页本身在人员墙上张贴一个愿望）。

抱歉，这是一个愚蠢的问题。

Answer 1

最好的方法是使用jQuery Dialog UI之类的框架。 该文档很大，并且有很多示例可用。

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

的HTML

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

Java脚本

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

Answer 2

另一个回答者假设您正在使用jQuery。 如果是这样，我将看一下jqModal 。 它比jQuery UI的更苗条，更简单

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>