window.prompt複数行入力JavaScript CSS

Question

window.promptと同等のものを作る方法を探していますが、複数行の入力が可能です。

textAreaを含むz-indexのdivを使用して自分自身を作成することができましたが、jQueryやプラグインにもっと優雅なものがあることを期待しています。

アイデア？

Answer 1

これは、jQuery Dialogを使用して行うことができます。

ここでは一例です。このHTMLに

<div id="dialog"> 
    <p>Please enter your name</p> 
    <textarea id="name"></textarea> 
</div> 
<label>Name entered: </label> 
<label id="nameentered"></label> 
<br /> 
<input type="button" id="open" value="Open Dialog" /> 

そして、これはjQueryを使用してhttp://jsfiddle.net/RBKaZ/

：

$("#dialog").dialog({ 
    autoOpen: false, 
    buttons: { 
     Ok: function() { 
      $("#nameentered").text($("#name").val()); 
      $(this).dialog("close"); 
     }, 
     Cancel: function() { 
      $(this).dialog("close"); 
     } 
    } 
}); 

$("#open").click(function() { 
    $("#dialog").dialog("open"); 
});