アクセス制限のあるページのつくりかた

質問

お世話になっております<m(__)m>
おしえてください（涙
WindowsXPをつかっています。
http://www.red.oit-net.jp/tatsuya/java/prompt.htm
↑のページを参考にしまして（作者様、ありがとうございます<m(__)m>）
アクセス制限のあるページを作ってみたく思いました。
スクリプト内容は、
************************************************
<script language="JavaScript"><!--
function myEnter(){
myPassWord=prompt("Tatsuya家のパスワードを入力してください","");
if ( myPassWord == "pass1" ) location.href = "secret.htm";
else alert( "パスワードが違います!" );
}
// --></script>

<form>
ここは家族専用です→
<input type="button" value="Tatsuya家へ" onclick="myEnter()">
</form>
***********************************************
上記のものですが、私としては、以下の部分（かな？）
<form>
ここは家族専用です→
<input type="button" value="Tatsuya家へ" onclick="myEnter()">
</form>

↑ここを直したいんです。
画像アイコンをクリックして、そのアクセス制限のあるダイヤログがでて→そして実際制限したいページにいけるようにしたいんです。一応HPビルダー6.0で作成していますが、タグを直接打たなくちゃだめだよ～というのなら、がんばりますので、教えてください<m(__)m>だから、formタグは使わないと思うのですが、初心者のため、いまいちよくわかりません（涙

どうかよろしくおねがいいたします<m(__)m>

回答No.3

noname#10926 · ベストアンサー

動作確認していませんでした。またまた失礼しました。

<IMG src="***.gif" width="50" height="50" border="0" onclick="myEnter()" style="cursor : pointer;">

上のように変えてみてください。
とりあえず動作確認済みです。

お礼

できました！できました！！ほんとうにありがとうございます！！！<m(__)m>

たすかりました！！

テストにつくってみたところだったので、
こんどはちゃんと自分のページに反映してみます！
できるかなあ（ドキドキ）

回答No.2

noname#10926

type="image"にしてください。（失礼しました）

<input type="image" value="Tatsuya家へ" onclick="myEnter()" src="menu-6.gif">

>ところで、。。。ver.8ってなんですか。。。？？

HPビルダーのver.（バージョン）8です。

>なんか暗号化の方法があるらしいので、やってみようとおもいます。

HPビルダーのver.（バージョン）8ではまさに暗号化します。が、絶対ではありません。

CGI他↓
http://www.atweb.info/

参考URL：

http://www.atweb.info/

補足

ありがとうございます！（感涙）
できました(^o^)とてもうれしいです！！
さっそく作ったソースがこれです

<script language="JavaScript"><!--
function myEnter(){
myPassWord=prompt("パスワードを入力してください","");
if ( myPassWord == "pass1" ) location.href="omoide.htm";
else alert( "パスワードが違います!" );
}
// --></script>

<form>
<input type="image" value="Tatsuya家へ" onclick="myEnter()" src="menu-6.gif">
</form>

ちゃんと画像も表示できました！！（喜）ですが、
画像アイコンをくりっくして、ちゃんとパスワードを聞いてくるダイヤログがでるのですが、ただしいPWを入力しても、次のページが出ないのです。私としては、formタグの中のvalue="Tatsuya家へ" というのが気になるのですが、これはもともとの説明のHPからそのままコピペってきたものなので、私の作りたいものにはまったく関係ないのですけど、（もちろん個々も変更しなければならないですよね？）このvalueというのはなんのためにあるソースなのですか？なにをどうすれば、きちんと次のページが表示されるようになるのでしょう？何度も本当に申し訳ございません（涙

回答No.1

noname#10926

src="***.gif"を追加すればよいかと。

<form>
ここは家族専用です→
<input type="button" value="Tatsuya家へ" onclick="myEnter()" src="***.gif">
</form>

ver.8であれば簡単にパスワードページの作成・設定ができます。

ソースを見ればパスワードが丸見えですよ。
プロバイダのパスワード制御などのサービス（CGI）を利用した方が確実なパスワード設定ができます。

お礼

やってみました。。。
そのまま、
<form>
ここは家族専用です→
<input type="button" value="Tatsuya家へ" onclick="myEnter()" src="***.gif">
</form>

の部分をコピーして、ためしにメモ帳に貼り付けて、htmlで保存して開いて見ましたが、やっぱり表示されるのは、
<form>
ここは家族専用です→
<input type="button" value="Tatsuya家へ" onclick="myEnter()">
</form>
のときと一緒でした。
ちなみに保存したhtmlファイルのソースは
<form>
ここは家族専用です→
<input type="button" value="Tatsuya家へ" onclick="myEnter()" src="menu-6.gif">
</form>

menu-6.gifは、そのhtmlファイルと同じディレクトリに保存しました。。なぜなんでしょう？

補足

早速ありがとうございます！！！<m(__)m>
早速やってみます！
ところで、。。。ver.8ってなんですか。。。？？

そうなんですよね。。ソース丸見え爆
なんか暗号化の方法があるらしいので、やってみようとおもいます。

そうなんです、最初はCGIを利用して、やろうとしたんです。。でも、説明のHPをみても頭空なわたしはまったくちんぷんかんぷんで爆
CGIのほうを最初に質問しようかどうかまよったのですが、とりあえず、これをためそうとおもいました。他でCGIのほうも質問したいと思います。