2013-04-17 10 views
6

Próbuję znaleźć sposób na zrobienie czegoś podobnego do window.prompt, ale która pozwala na wiele linii wejściowych.window.prompt multiple line input JavaScript CSS

Mogę utworzyć własne przy użyciu elementu div z z-index zawierającego textArea, ale mam nadzieję, że jest coś w jQuery lub wtyczka, która byłaby bardziej elegancka.

Wszelkie pomysły?

+3

Co o dialog jQuery? http://jqueryui.com/dialog/ – mattytommo

+0

To jest duplikat http://stackoverflow.com/questions/7255444/javascript-multi-line-textbox-in-prompt –

+0

Dziękuję obojgu, będę odnosić się do 7255444 (o okno dialogowe jquery). – htrufan

Odpowiedz

10

Możesz użyć do tego celu jQuery Dialog.

Oto przykład: http://jsfiddle.net/RBKaZ/

Stosując tę ​​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" /> 

i to 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"); 
}); 
+1

+1 czysty przykład! – acdcjunior