トップ > Javascriptサンプル

Javascriptは、ブラウザの種類やバージョン、環境により機能するものとしないものがあります。
また、DHTMLを使用している場合もあります。
DHTMLについては「DHTMLサンプル」もご参照下さい。

■ パスワード入力でジャンプする

よく、初心者の方から「ページにパスワード制限を掛けたいんだけど..」という質問を頂きます。
本格的なものはCGIが一番いいんだけど、もっと簡単にできる方法はないの?ってことで、ここの訪問者からヒントをもらいまして、Javascriptでできるパスワード制限を作ってみました。

これは、新しいフォルダを作成してそれをパスワードにしてしまう方法です。
そのフォルダ名を見た目、パスワードという項目で入力させるのです。

要するにそのフォルダ名が分からなければ入れないということですね。

注意点は、今までに使ったことがない名前をつけること、サーバーでフォルダの一覧が表示されないことなどです。

◆ 実行サンプル

パスワード:
略号の説明 動作が確認できたブラウザ
IE6.0 NS7.0 MZ1.7.7 FF1.5 OP7.53

【 解    説 】

パスワード制限を掛けたいフォルダはこのページを設置しているフォルダの中に存在するものとします。

このサンプルでは入力フォームの名前を「form1」、パスワードの項目名は「userpwd」にしていますので、その入力ボックスの値は「document.form1.userpwd.value」で、取得できます。

入力ボックスの値を取得し、「pwd」という変数にセットします。
この「pwd」をフォルダ名にしてその中にある「index.html」は、「./"+pwd+"/index.html」です。

したがって、これを使用してページジャンプさせる時は、
location.href="./"+pwd+"/index.html";

と記述します。

フォルダ名やファイル名の指定方法が分からない方は、「HTMLの解説」−「8.リンクの設定」で勉強してください。

【記述サンプル】

まず、テキストエディタなどを使用し、次の記述を「passjmp.js」というファイル名で保存します。
function pwdjmp(){ pwd=document.form1.userpwd.value; location.href="./"+pwd+"/index.html"; }


次に、HEAD句内Javascriptの呼び出しを次のように記述します。
<script type="text/javascript" src="passjmp.js"></script>


最後にパスワードを入力する入力フォームを次のように記述します。 <form name="form1"> パスワード: <input type="password" name="userpwd" size="10"> <input type="button" value="LOGIN" onclick="pwdjmp();"> </form>



page update:2010/01/23 20:32

Copyright (c) 2000-2009, all Rights Reserved & Produced by atom