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

前へ 次へ
このQ&Aのポイント
  • WindowsXPを使ってアクセス制限のあるページを作成したい
  • スクリプトを使ってパスワード入力を求めるダイアログを表示し、正しいパスワードが入力された場合に制限されたページにアクセスできるようにしたい
  • 初心者なのでformタグの使い方がよくわからないので、他の方法で実現したい
回答を見る
  • ベストアンサー

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

お世話になっております<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>

  • aimer
  • お礼率75% (432/575)

質問者が選んだベストアンサー

  • ベストアンサー
noname#10926
noname#10926
回答No.3

動作確認していませんでした。またまた失礼しました。 <IMG src="***.gif" width="50" height="50" border="0" onclick="myEnter()" style="cursor : pointer;"> 上のように変えてみてください。 とりあえず動作確認済みです。

aimer
質問者

お礼

できました！できました！！ほんとうにありがとうございます！！！<m(__)m> たすかりました！！ テストにつくってみたところだったので、 こんどはちゃんと自分のページに反映してみます！ できるかなあ（ドキドキ）

その他の回答 (2)

noname#10926
noname#10926
回答No.2

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/
aimer
質問者

補足

ありがとうございます！（感涙） できました(^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というのはなんのためにあるソースなのですか？なにをどうすれば、きちんと次のページが表示されるようになるのでしょう？何度も本当に申し訳ございません（涙

noname#10926
noname#10926
回答No.1

src="***.gif"を追加すればよいかと。 <form> ここは家族専用です→ <input type="button" value="Tatsuya家へ" onclick="myEnter()" src="***.gif"> </form> ver.8であれば簡単にパスワードページの作成・設定ができます。 ソースを見ればパスワードが丸見えですよ。 プロバイダのパスワード制御などのサービス（CGI）を利用した方が確実なパスワード設定ができます。

aimer
質問者

お礼

やってみました。。。 そのまま、 <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ファイルと同じディレクトリに保存しました。。なぜなんでしょう？

aimer
質問者

補足

早速ありがとうございます！！！<m(__)m> 早速やってみます！ ところで、。。。ver.8ってなんですか。。。？？ そうなんですよね。。ソース丸見え爆 なんか暗号化の方法があるらしいので、やってみようとおもいます。 そうなんです、最初はCGIを利用して、やろうとしたんです。。でも、説明のHPをみても頭空なわたしはまったくちんぷんかんぷんで爆 CGIのほうを最初に質問しようかどうかまよったのですが、とりあえず、これをためそうとおもいました。他でCGIのほうも質問したいと思います。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • パスワードをＩＰする際見えないようにしたい。

    こんにちわ。 社内ＨＰで、パスを付けて閲覧者を制限する ページを作りました。 正常に動作しているのですが、 パスをＩＰする際、伏字状にしたいのですが（●●●）どの様にしたら宜しいでしょうか？ どなかたご指南下さい。。。 ウィンドウズＸＰを使用しています。 <script language="JavaScript"><!-- function myEnter(){ myPassWord = prompt("パスを入れてください",""); if ( myPassWord == String.fromCharCode(パス) ) location.href = String.fromCharCode(リンク先ＵＲＬ)+".htm"; else alert( "パスが違います" ); } // --></script> ------------------------------------------------ <form> この先は●●チーム専用です <input type="button" value="入場" onclick="myEnter()"> </form>

  • パスワードを二つ用いて隠しページをひらくには？

    お世話になります。 http://www.red.oit-net.jp/tatsuya/java/prompt.htm このサイトをみてパスワード付きホームページの作成の 仕方はおおむね理解したのですが、 私のサイトの場合パスワードを２個用いて 隠されたホームページを表示されるようにしたいと思っています。 <script language="JavaScript"><!-- function myButton(){ myPassWord = document.myFormText.myFormTextPass.value; if ( myPassWord == "pass1" )location.href = "secret.htm"; else alert( "パスワードが違います!" ); } // --></script> <form name="myFormText"> パスワードを入れてください <input type="password" size="30" name="myFormTextPass"> <input type="button" value="ＯＫ" onclick="myButton()"> </form> パスワードを入れてください このような表記だと１つのパスワードしか入力できず 困っているのですが２つのパスワードを入力させるようにするにはどのような記述をすればよろしいでしょうか。 よろしくお願いいたします。

  • 簡易パスワードからログイン後のページを画面いっぱい

    お世話になっております。 先ほど質問させていただきました簡易パスワードの件の続きになります・・・。 現在画面を3分割にしておりまして、このままパスワード入力後のページを表示させる際、3分割されたまま画面が表示されてしまいます。 <a href>より作成しているタグについては、target="_top"を加えて画面いっぱいに表示するように構成しているのですが、パスワードのところに加えるとステータスバーに「ページでエラーが発生しました」と表示されてしまいます。 どうすればいいでしょうか。 タグ構成は以下のとおりとなっています。 <A id="e-TaxQA"><FONT color=#006400 size="+2"><b>e-TaxQA</b></FONT></a><BR> <center> <script language="JavaScript"><!-- function myEnter(){ myPassWord=prompt("パスワード",""); if ( myPassWord == "015901" ) location.href = "\\\\共有サーバー\\U\\個人\\名前\\フォルダ\\各QA\\QA\\（一覧）.htm"; else alert( "パスワードが違います!" ); } // --></script> <form> <input type="button" value="☆★☆ログイン☆★☆" onclick="myEnter()"> </form> </center><BR>

  • 知り合いにだけ見れるページを作るには？（セキュリティはそんなに高くなくていいです

    すごい簡単な方法で構いません。 一般公開しているＨＰのうち 身内にだけ見せたいページがあるとします。 そのページのアドレスを知り合いにだけ 教えればいいだけなのですが、それでは 何かイヤなので、教えて下さい。 <form> <script language="JavaScript"> <!-- function myEnter(){ PassWord = prompt("パスワードを入力して♪",""); if (PassWord == "") { alert("パスワードが未入力です"); } else { location.href = "http://www1.tcnet.ne.jp/****/"+PassWord+".htm"; } } // --> </script> <input type="BUTTON" value="パスワード" style="width:6em" onclick="myEnter()"> </form> と今、記述していてボタンを押した時に、 パスワード（実際には見せたいページのＨＴＭＬファイル名) の入力をさせたいと思っているのですが、 パスワードのキャンセルをした時に、 Null.htmにとんでしまいます。 キャンセルしたときは、トップページに戻りたいのですが どのように書けばいいのでしょうか？ また、もっといい方法で簡単な方法があれば 教えて下さい。SCRIPTだけで解決したいと思っています。 IE5 Windows2000

    • ベストアンサー
    • HTML
  • JavaScriptが表示されません

    JavaScriptの練習をしています。 階層型メニューの表示ができるようになりたいのですが、今のところは基礎からと思い、単純なところから初めて・・・みようとしたのですが どしょっぱつから、ひっかかりました ◆例１ <script language="JavaScript"> <!-- document.write(こんにちは); //--> </script> ◇結果 ＩＥ画面上に、なにも表示されません ※以前、全く同じ構文で試したときには こんにちは　が表示されました。 ※環境は同じで、変わっていません ◆例２ <form> <input type="button" value="戻る" onclick="history.back()"> <input type="button" value="更新" onclick="location.reload()"> <input type="button" value="進む" onclick="history.forward()"> <input type="button" value="トップページへ" onclick="location.href='http://www.red.oit-net.jp/tatsuya/index.htm'"> </form> ◇結果 これは、表示されました。 何回試しても、ちゃんと表示されます +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ いったい何が問題なのでしょうか？

  • ホームページのパスワード制限について（初心者です）

    ホームページ上で見つけた以下のソースを使って、簡易なパスワード制限を かけたいと考えています。 URLの一部をパスワードとして使用する方法だと理解しているのですが、 もうひと工夫したいと思い、質問させていただいています。 例えば、入力したパスワードの真ん中7桁を切り出す等して、 パスワード＝URLの一部とならないような工夫はできないでしょうか。 （ソースにパスワードが記載されないようにもしたいです） <script type="text/javascript"><!-- function checkpw(){ var pswd = prompt("パスワードを入力してください:",""); location.href = pswd + ".htm"; } //--></script> <form><center> <input type="button" value="ログイン" onClick="checkpw();"> </center></form> 宜しくお願い致します。

  • ボタンを押したときに特定のフレームにページを表示するには？

    タグの知識が全然無くてすみませんが教えて下さい。 端末だけで紙芝居のように見てゆくＨＴＭＬを作っています。FrontPage2000を使っています。 上下にフレーム分割されていて、上のフレームがnavi、 下のフレームがcontentだとします。 このとき､naviにロードしたページ上にあるボタンを押したら、 contentにあるページをロードするようにしたいのです。 ＵＲＬのリンクなら出来るのですが．．． ページ全体を開きなおすのは <input onclick="top.location='??.htm'" type="button" value="○○" name="B1"> でできたので、 <input onclick="content.location='??.htm'" type="button" value="○○" name="B1"> とか、 <input onclick="location='??.htm'" target='content' type="button" value="○○" name="B1"> とかしてみたんですがダメでした。 こういう場合どのようにしたらいいでしょうか。

    • ベストアンサー
    • HTML
  • JavaScriptで得た値を別ページに反映

    JavaScriptで得た値を別ページに反映させたいと思っています。 同一ページでは上手くいきますが、別ページへの反映ができません。 教えてください、宜しくお願いします。 同一ページのサンプル <html> <head> <title>aa</title> <Script LANGUAGE='JavaScript'> <!-- function fncDisp() { label1.innerHTML = document.form1.txt.value; } --> </Script> </head> <body> <form name='form1' action=''> <div id='label1'>ここに表示</div> <input type='text' name='txt' value=''> <input type='button' name='btn' value='ボタン' onClick='fncDisp()'> </form> </body> </html>

  • 親フレームの変数にアクセス(JavaScript）

    [index.html] <script src="script.js"></script> <frameset rows="50%,*" frameborder="1"> <frame src="content1.html"name="cont1"> <frame src="content2.html" name="cont2"> </frameset> [script.js] var test_text="てすと"; [content1.html] <form> <input type="text" name="in"> <input type="button" onClick="window.parent.test_text = document.forms[0].in.value;" value="IN"> </form> [content2.html] <form> <input type="text" name="out"> <input type="button" onClick="document.forms[0].out.value =　window.parent.test_text;"　value="OUT"> </form> のようになっています。 「index.html」の「script.js」の変数に、「content.1html」と「content2.html」からアクセスしたいです。 ですが、フレームになっているため、思うような動作をしてくれません。 よろしくお願いします。

  • 携帯サイトでの隠しページ

    携帯サイトでパス制の隠しページを作りたいのですが、使用出来るタグ等に制限が多いので困っています。 環境は、PC向けでCGIの使用もOKな有料サーバーをレンタルしていて、携帯で閲覧出来るように小さいファイルをつくっています。 .htacccessを使う事も考えたのですが、ユーザー名も入れないといけないので閲覧者の方が面倒かと思いやめました。 あとは <FORM NAME="ok"> <INPUT TYPE=TEXT NAME="pass"> <INPUT TYPE=button VALUE="認証" ONCLICK="location.href=document.ok.pass.value+'.html';"> </FORM> を試しましたが、携帯は対応してないようで、フォームが表示されませんでした。 パス次第で色んなページに飛ばせるから面白いと思ったのに… 遊び的なページにするつもりなので、厳重なものでなくてもいいのですが、何かいい方法はないでしょうか？

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する