忍者ブログ
2009/12/12作成
JavaScript
[PR]
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

文字列入力ダイアログ
関数

// 文字入力ダイアログを開く
function showPrompt(message) {
    str = window.prompt(message,       // メッセージ
                        'デフォルト文字列'); // デフォルト文字列
    if(str == '' | str == null) {
        str = "";
    }
    window.alert(str);
}


使用方法(外部jsファイルの関数を使用方法はこちら

<input type="button" value="名前入力" onclick="showPrompt('名前は?');" />

PR
ウィンドウを開く
関数

// ウィンドウを開く
function openWindow(url) {
    window.open(url,        // URL
        'AnotherWindow',   // ウィンドウ名
        'left=50,' +           // ウィンドウ位置左(数値)
        'top=50,' +           // ウィンドウ位置上(数値)
        'width=700,' +       // ウィンドウ幅(数値)
        'height=500,' +       // ウィンドウ高さ(数値)
        'menubar=no,' +     // メニューバー有無(yes/no)
        'toolbar=no,' +       // ツールバー有無(yes/no)
        'location=no,' +      // アドレスバー有無(yes/no)
        'status=no,' +         // ステータスバー有無(yes/no)
        'resizable=no,' +      // リサイズ可否(yes/no)
        'scrollbars=yes');     // スクロールバー有無(yes/no)
}


使用方法(外部jsファイルの関数を使用方法はこちら

<input type="button" value="ウィンドウを開く"
    onclick="openWindow('http://www.google.co.jp/');" />

確認ダイアログ
関数

// 確認ダイアログを表示する
function showDialog(message) {
    if(window.confirm(message)) {
        window.alert('Yes');
    }
    else {
        window.alert('No');
    }
}


使用方法(外部jsファイルの関数を使用方法はこちら

<input type="button" value="オレSE?" onclick="showDialog('オレSE?');" />

配列
関数

// 時間を表示する
function showHour() {
    messages = new Array(24);
    for(i=0 ; i<24 ; i++) {
        messages[i] = i + "時です。"
    }
    hour = new Date().getHours();
    window.alert(messages[hour]);
}


使用方法(外部jsファイルの関数を使用方法はこちら

<input type="button" value="時間表示" onclick="showHour();" />

ページ移動
関数

// 指定されたページに遷移する
function go(url) {
    document.location=url;
}


使用方法(外部jsファイルの関数を使用方法はこちら

<input type="button" value="次へ" onclick="go('http://www.google.co.jp/');" />

Powered by [PR]
/ Design by sky hine / PR:忍者ブログ