window.prompt input di più righe JavaScript CSS

Question

Sto cercando di trovare un modo per creare qualcosa di equivalente a window.prompt, ma che consente più righe di input.

Potrei creare il mio utilizzando un div con z-index contenente un textArea, ma spero che ci sia qualcosa là fuori in jQuery o un plugin che sarebbe più elegante.

Qualche idea?

Answer 1

È possibile utilizzare lo jQuery Dialog per farlo.

Ecco un esempio: http://jsfiddle.net/RBKaZ/

Usando questo 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" /> 

E questo jQuery:

$("#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"); 
});