パスワード入力のダイアログ
クリックするとパスワード入力のダイアログが開く
クリックするとパスワード入力のダイアログが開き、正しいパスワードを入力すると他のページにジャンプします。
パスワードを入力してくださいのところにはダイアログに表示させたい言葉を入力します。そして、その後の""の間に言葉を入れると、ダイアログのテキスト入力エリアに言葉をあらかじめ入力しておくことができます。
if文のtestの部分にパスワードにしたい言葉を入力し、location.href = "../index.html"の部分にジャンプ先までのパスを入力します。
1番目else if文はパスワードが空のときの処理で、alertで「パスワードを入力してください」と表示させます。
2番目のelse if文のカッコの中は、「パスワードが空でなくて、なおかつパスワードが違う場合」と言う意味です。この場合は、alertで「パスワードが違います」と表示させます。
パスワードを入力してくださいのところにはダイアログに表示させたい言葉を入力します。そして、その後の""の間に言葉を入れると、ダイアログのテキスト入力エリアに言葉をあらかじめ入力しておくことができます。
if文のtestの部分にパスワードにしたい言葉を入力し、location.href = "../index.html"の部分にジャンプ先までのパスを入力します。
1番目else if文はパスワードが空のときの処理で、alertで「パスワードを入力してください」と表示させます。
2番目のelse if文のカッコの中は、「パスワードが空でなくて、なおかつパスワードが違う場合」と言う意味です。この場合は、alertで「パスワードが違います」と表示させます。
例のパスワードはtestです。
<html>
<head>
<title>パスワード入力のダイアログ</title>
<script type="text/javascript">
<!--
function PassWord(){
pass = window.prompt("パスワードを入力してください", "");
if(pass == "test"){
window.location.href = "../index.html";
}
else if(pass == ""){
alert("パスワードを入力してください");
}
else if(pass != "" && pass != null){
alert("パスワードが違います");
}
//-->
</script>
</head>
<body>
<input type="button" value="パスワードを入力" onClick="PassWord()">
</body>
</html>
例
<html>
<head>
<title>パスワード入力のダイアログ</title>
<script type="text/javascript">
<!--
function PassWord(){
pass = window.prompt("パスワードを入力してください", "");
if(pass == "test"){
window.location.href = "../index.html";
}
else if(pass == ""){
alert("パスワードを入力してください");
}
else if(pass != "" && pass != null){
alert("パスワードが違います");
}
//-->
</script>
</head>
<body>
<input type="button" value="パスワードを入力" onClick="PassWord()">
</body>
</html>
例