评论框出现在点击链接

Question

我对前端网络开发非常陌生，我想知道是否有反正我可以有一个小文本框出现点击链接，当我提交表单时消失。 （我想要的东西就像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。这是多比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>