AJAXのお勉強

各種ダイアログを表示(JavaScript)@AJAX

各種ダイアログを表示します。

アラート:window.alert(文字)
確認ダイアログ:window.confirm(文字)
入力ダイアログ:window.prompt(文字,初期値)
(戻り値は、入力された文字列)

ユーザに確認を促す際に、用いるかと思います。


<html>
<head>
<title>JavaScript 各種ダイアログを表示</title>
<script type="text/javascript">
<!--

//各種ダイアログを表示
function popDialog() {

    //アラート表示
    window.alert("アラート情報");

    //確認ダイアログ表示
    if (window.confirm("確認ダイアログ")) {
        //OKの処理
        window.alert("OKです。");
    } else {
        //キャンセルの処理
        window.alert("キャンセルです。");
    }
    
    //入力ダイアログ
    var inputStr;
    inputStr = window.prompt("入力してください。", "初期値");
    window.alert(inputStr + "が入力されました。");
    
}

// -->
</script>
</head>
<body>

<input type="button" value="ボタン" onclick="javascript:popDialog()">

</body>
</html>

Copyright (C) 2008 AJAXのお勉強. All Rights Reserved.