 |
|
| リンク ＞ リンクにパスワードをつける（PCのみ有効） |
|
リンクにパスワードをつける（PCのみ有効）
パスワードをつけるのによくCGIを使っていますが、もっと簡単にできないかと。
ここでは、リンクするためのパスワードではなく、リンク先のURLの一部を入力することによってアクセスできるようにしています。
画像にパスをつける場合でも可能です。
■手順１
まず、パスワードで守る大事なページのファイル名を決めます。適当な名前に加え、数字を並べてください。
ここでは、 tiebukuro1234.html とします。
結果的に、1234 の数字がパスワードになります。数字は何ケタでもかまいません。
■手順２
パスワード入力欄を表示させるページで、 <HEAD>と</HEAD> の間に以下のタグを貼り付けます。
赤字の部分は、手順１で決めたファイル名の数字の前の部分を入力します。
<SCRIPT LANGUAGE="JavaScript">
<!--
function PassLink(){
PassWord=document.pass.word.value;
location.href="tiebukuro"+PassWord+".html";
}
//-->
</SCRIPT>
■手順３
仕上げに、<BODY>と</BODY>の間で、パスワード入力欄を表示させたい場所に以下のタグを貼り付けてください。
<FORM name="pass">鍵を入力して下さい<BR>
<INPUT type="password" name="word" size="12（入力欄の横幅）"><BR>
<INPUT type="button" value="OK（ボタンの文字）" onClick="PassLink()">
</FORM>
サンプル
パスは 1234 です。
※注意１
「リンク先にとべない！」場合
…パスワード入力欄があるページと、パスワードで開くページを別々のフォルダに入れている場合は、同じフォルダに入れてください。
…パスワード入力欄に数字の前のファイル名まで入力していませんか？数字のみ入力してください。
…手順２の赤文字のファイル名に間違いはありませんか？
…手順２の +PassWord+ の部分にパスを書き込んではいませんか？+PassWord+のままにしてください。
…どうしても動作しない場合は、tiebukuro1234.htmlという同じ名前のファイルを作り、全てをマネて試してみてください。
それでも動作しなければ諦めてください。
前のページへ
|
|
|
| 2006 (c)HTML tiebukuro. |
|