img
白 クリーム 黄色 淡い緑 水色 淡い青紫 淡いグレー グレー 黒 茶 赤 濃いピンク ピンク

簡易アクセス制限


秘密のページへリンクする

  ie6 nn7 op8

パスワードを入力すると、パスワードを知っている人だけが入室できるページへリンクします。
ページのファイル名がパスワードになっているので、アクセスして欲しい人にだけ見てもらえます。
またパスワード名 + html にリンクするので、ページを複数作成して振り分けする事もできます。
javascriptを使った小技ですが、あくまでも簡易的なものです。
もっと確実なアクセス制限をかけるにはcgi や.htaccess 等を利用してください。

例:
( ↑パスワードに abc、または 123 と入れてみてください。)

以下のソースをhtmlに入れてください。

<html>
<head>
<title></title>
<script type="text/javascript">
<!--
function Passpage(){
pwd=document.word.pass.value;
location.href=pwd+".html";
}
//-->
</script>

</head>
<body>
<form name="word">
<input type="password" name="pass">
<input type="button" value="ok" onclick="Passpage();">
</form>

</body>
</html>

例でリンクしたページは abc.html、123.html、パスワードで入力したページが開きます。

上記のソースの場合は同じディレクトリ(階層)にページが置いてある場合ですが、別のディレクトリに有る場合は
location.href="../"+pwd+".html"; (topのディレクトリに有るページ)
location.href="../フォルダ名/"+pwd+".html"; (別のディレクトリに有るページ)
location.href="フォルダ名/"+pwd+".html"; (同じディレクトリの別フォルダに有るページ)

のように書き換えてください。


リンクするページを別窓で表示したい場合は<head></head>内のソースを下記のように変更してください。


<↑別窓のsamplepage>(新しく開いたページの戻るボタンは使えませんのでページを閉じて下さい)

toollbars=no,menubar=no 等の部分を変えることで様々なタイプのウインドウを開くことができます。
(""のように何も入れなければ通常のウィンドウが開きます。)

■ ウィンドウに設定できる属性(複数指定する場合は , カンマで区切ってください。)

属性 説明 属性 説明
width=数値 ウィンドウの横幅 height=数値 ウィンドウの縦幅
toolbar= ツールバー表示の有無 (yes,no) location= ロケーションバー表示の有無 (yes,no)
directories= ディレクトリーズバー表示の有無 (yes,no) status= ステータスバー表示の有無 (yes,no)
menubar= メニューバー表示の有無 (yes,no) scrollbars= スクロールバー表示の有無 (yes,no)
resizable= ウィンドウサイズ変更の許可 (yes,no) titlebar= タイトルバー表示の有無 (yes,no)
left= ウインドウ表示位置のx座標を指定 top= ウインドウ表示位置のy座標を指定
fullscreen= フルスクリーン表示 (yes,no)