テキストの入力できるダイアログもどき javascript
jqueryだけでモーダルなダイアログボックスを表示し、そのダイアログボックスの中にテキストエリアなんて配置したいと考えてました。
ようは、ボタン押されたら入力ようWindowをページを移動せずに出したいということです。
やり方はいろいろあると思いますが・・・
alert()のように簡単に出来るものがありました。
alert()と同様に
prompt()を宣言するだけ!
var text = prompt('テキストを入力してください.'); if(text){ //textに入力があった時の処理 function(); }
こんな感じ。
デモのソース(jQuery使用)
$(document).ready(function(){ $('input[value="デモ"]').bind("click touchend", function(){ var text = prompt('テキストを入力してください.'); if(text){ alert("「" + text + "」を入力したな!"); } }); });
ちなみに
引数は2つとれるようで、2つ目は最初に入力される文字みたい。
デフォルト値ってことかな?
prompt(text, default-text)