フォーラム@nifty | フォーラム・サークル | サイトマップ | ヘルプ |
掲示板 コラム お役立ち イベント リンク   | FHPGサイトマップ | お問い合わせ |
TOP > お役立ち > JavaScriptのおもちゃ箱 > 秘密のページを作る  

秘密のページを作る

原案:臥龍 鳳雛 氏 (2000/04/01 登録)

 パスワードを打ち込まないと入れないページを作ってみます。ファイル名がパスワードなのでソースを見ても分かりません。(ただし、この方法でページを絶対見られないという保証はありません。)

表示サンプル

[使い方]

 まずこのファイルをどこかのディレクトリに入れます。
 そのディレクトリの中に パスワード+".htm"(パスワードが "FHPG" ならFHPG.htm)を入れます。
 秘密のページを入れるディレクトリーには必ず index.html のファイルを入れておいてください。
 そうしないとファイル名が分かってしまいます。


 Passwordは   fhpg   です。

パスワードを入れてボタンを押してください。

ソース記述内容

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<title>秘密のページを作る</title>
<script type="text/javascript">
<!--
    var pw="";
    function newPage() {
			pw=document.MyForm.password.value;
			if (pw!="") location = pw+".htm";
    }
// -->
</script>
</head>
<body>
<p style="font-weight:bold;">[使い方]</p>
<p> まずこのファイルをどこかのディレクトリに入れます。<br>
   そのディレクトリの中に パスワード+&quot;.htm&quot;(パスワードが &quot;FHPG&quot; ならFHPG.htm)を入れます。<br>
   秘密のページを入れるディレクトリーには必ず index.html のファイルを入れておいてください。<br>
   そうしないとファイル名が分かってしまいます。</p>
<hr>
<p> Passwordは   fhpg   です。 
<div style="text-align:center;"> 
  <p style="text-decoration:underline;">パスワードを入れてボタンを押してください。</p>
  <form name ="MyForm">
    <input name="password" type="password" value="" size="10">
    <input name="btngo" type="button" value="実行" onClick="newPage()">
  </form>
</div>
</body>
</html>
個人情報保護ポリシー
Copyright© NIFTY 2006 All Rights Reserved.
Copyright© FHPG 2006 All Rights Reserved.