評論框出現在點擊鏈接

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>