時々社内ニートのメモ 目指せ非プログラマー

案件がない時は社内ニートなだけだよ (もう何でもごじゃれ c, c++, c#, VB, java, php, javascript, sql, html, css 他)

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