目指せ非プログラマー

もう何でもごじゃれ言語

テキストの入力できるダイアログもどき 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)