• 締切済み

携帯のサイトに、パスワードで入れるページをつくりたいのですが

ホームページビルダーでパソコンのサイトでは、パスワードで入れるページをつくれたのですが、携帯のサイトでは出来ません。 携帯のサイトに、パスワードで入れるページをつくりたいのですが、簡単な方法ってありますか?いろいろ調べましたが、 以下のも難しくて出来ませんでした。 簡単でわかりやすいのがあれば教えてください。 ■JavaScriptで簡易パスワードをかけるスクリプトについて。 1)パスワードを入れるページ(入り口) /public_html/pass.html 2)認証された時に表示するページ    /public_html/member/frendsmember.html 3)認証が拒否されたときのページ    /public_html/member/member.html とします。 入力するべきパスワードは「frends」とします。 (ファイル名、パスワードを変える時は、スクリプト内の記述も変える事) このほかに、URLで /public_html/member/ とだけURL欄に入力したときに、 そのフォルダ内のファイル一覧を表示されてしまうのを避けるために、 /public_html/member/index.html という適当なファイルを用意しておきます。(このファイル名は変えない事。意味がなくなるので....) ■pass.html ■ <HTML> <HEAD><TITLE>パスワード入力</TITLE> </HEAD> <SCRIPT Language="JavaScript"> function enter(pass) { location.href="./member/"+pass+"member.html"; } </SCRIPT> <BODY bgcolor="#ffffff"> <div align="center"> <h1>パスワードを入力してください</h1> <h3>ここから先はメンバー専用です<br>パスワードを入力してください</h3> </div> <FORM> <div align="center"> <INPUT type="password" name="Pass"> <INPUT type="button" value="Enter" onClick="enter(this.form.Pass.value)"> </FORM> </div> <hr width="80%"> <div align="center"> <a href="./index.html"> <font style="font-size:12px;color="#000055"> memberではないので退室する </font> </a> </div> </BODY> </HTML> *解説  <BODY>内のフォームにより、設定したパスワード(frends)を入力させます。 「Enter」をクリックすると、<SCRIPT>内の指定により、入力した文字 (frends)と、(member)を合体させたファイル名「frendsmember.html」に ジャンプします。 万一、なにも入力しないで「Enter」を押した場合は、「member.html」 というファイルを表示します。 ■/member/frendsmember.htmlの中身(適当で良いが、ようするに認証OKの画面■ <HTML> <HEAD><TITLE>メンバー専用メニュー</TITLE> </HEAD> <BODY> <div align="center"> <h1>メンバー専用メニュー</h1> <font size="3"> あなたは認証されました <Ul> <a href="ファイル名"> <li>メンバーの掲示板 </a> <a href="ファイル名"> <li>メンバーの共有情報 </a> <a href="ファイル名"> <li>近況報告 </a> <ul> </font> </BODY> </HTML> ■/member/member.htmlの中身(適当で良いがようするに空で「Enter」された時)■ <HTML> <HEAD><TITLE>退室願います</TITLE> </HEAD> <BODY> <div align="center"> <h1>退室願います</h1> <font size="3"> あなたは認証されません <a href="../index.html"> <font style="font-size:12px;color="#000055"> memberではないので退室する </font> </BODY> </HTML> ■/member/index.htmlの中身(適当で良いが、ようするにフォルダの中身を表示され ないようにするため■ <HTML> <HEAD><TITLE>404 ERROR</TITLE> </HEAD> <BODY> <div align="center"> <h1>404 ERROR</h1> <font size="3"> ファイルが表示できません<br> このエラーについての詳細は <a href="mailto:xxxxx@xxxx.ne.jp"> WEBMASTER </a> までお問い合わせください </font> </BODY> </HTML> --------------------------- User-agent* Disallow:/member/ と書いた「robots.txt」というテキストファイルを置いておくこと。 ------------------------

みんなの回答

  • EFA15EL
  • ベストアンサー率37% (2659/7009)
回答No.1

今後は携帯ブラウザにもJSが標準搭載されますので、そのうち書かれている方法も使われるようになりますが、今は意味ないですね。 サーバサイドで制限をかけるのが一番簡単ですかね。 BASIC認証が使えるのならそれが良いでしょう(多分最もよく使われる方法です)。 http://allabout.co.jp/internet/hpcreate/closeup/CU20020910A/ でなければCGIを利用した方法ですかね。 http://www.cgi-search.info/search/?cmd=dp&num=51 どちらにしてもその権限がなければ使えませんが。 上記は非常に「簡単な」方法ですので、これで挫折しているようだと厳しいですよ。

genkideru
質問者

お礼

EFA15EL様、ご解答ありがとうございました。 昨日、夜中までやってみましたが、無理でした><; やはり、初心者の手には負えません。 あきらめます。 ありがとうございました。 ちなみに ーーーーーーーーーーーーーーーーーーーーーーーーー function checkpw(){ var pswd = prompt("パスワードを入力して下さい:",""); location.href = pswd + ".htm"; } //--></script> <form> <input type="button" value="秘密のページへ" onClick="checkpw();"> </form> ーーーーーーーーーーーーーーーーーーー というのも、見つけて貼ってみたのですが、パスワードを どこにいれてログインページのURLをどこに入れればいいのかも わかりませんので、失敗しました。 とても、簡単な方法だと書いていましたが。。。 ありがとうございました。 もし、上記の簡単な方法のパスワードと、ログインページのURLをどこに入れればいいのかお判りでしたら教えてくださいませ。 宜しくお願いします m(__)m 何やら、お礼のようなお願いのような文面になってしまいました。 ごめんなさい。 これで、だめならあきらめます。

関連するQ&A

  • HTMLのパスワードページ

    htmlのパスワードを作りましたが画面にあるENTERのボタンを必ず押さなければいけないのですがそれをキーボードのENTERキーにする方法はありませんか? <div> <body bgcolor="#000000"> </div> <div align="center"> <img src="baka2.png" width="350" height="350" alt=""><br><br><br><br> <html> <head> <title>特別課外活動部パスワード入力</title> <script type = "text/javascript"> <!-- function matchPass() { var inpass = document.forms[ "pass" ].elements[ "inpass" ].value; var validpass = "baccano"; if( inpass == validpass ) location.href = "main.html"; else alert( "パスワードが間違っています。登録されてない場合は先に登録してください" ); } </script> <link rel="stylesheet" type="text/css" href="http://st.shinobi.jp/img/tadaima/tdftad.css" /></head> <body> <form name = "pass"> <div> <input type = "password" value = "" name = "inpass"> <input type = "button" value = "ENTER" onclick = "matchPass();"> </div> </form>

  • ページが現れません

    HPを作っている初心者です。 いくつかのページを作りました。他と同じ条件で下記の 様なhtmlを作ったのですがブラウザに出てくるのは白い 画面のみです。ソースの表示では同じに出てきます。 何処が悪いのか教えてください。お願いします。 <HTML> <HEAD> <TITLE>test/TITLE> </HEAD> <BODY BGCOLOR="#99CCFF"TEXT="#222222"LINK="#663300"VLINK="#6633FF"><BR> <BASEFONT SIZE="4"> <CENTER> <FONT SIZE=6><B>testです。</B></FONT><BR> <BR> <IMG SRC="test.jpg""test"><BR> <H4><A HREF="test.html">戻る</A></H4> </CENTER> </BODY> </HTML>

  • 携帯サイトの背景と文字位置が反映されません

    携帯サイトを作っています。 参考にしたのは「All about」にあった携帯サイトの作り方で 試したのですが、背景や文字位置等がうまく反映されません。 下がソースです。(東京のお菓子というのは仮に入れてます) 具体的にはバックグラウンドを指定してもバックグラウンドが表示されず、centerを指定しても全部左寄せになってしまいます。 ちなみにパソコンで見るときちんと表示されています。 私の持っているdocomoの端末(P902iS)ですとバックグラウンドが表示されず 左寄せになってしまいます。 それぞれにスタイルで文字の大きさや背景などを指定するやり方は ALL aboutの携帯サイトの作り方を参考にしています。 何か間違いなどあればご指摘いただけないでしょうか? よろしくお願いします。 <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml ; charset=Shift_JIS" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta name="keywords" content="お菓子,お花" /> <meta name="description" content="東京のお菓子お花屋です" /> <title>東京お菓子お花title> </head> <body> <div style="background-color:#cc0000; color:white;">お菓子屋さん<br /> (東京お菓子)<br /> 東京都</div> <div style="text-align:center;"><img src="******title1.gif" width="80" height="120" border="0" /></div> <div style="font-size : smaller;color : #624a20;text-align : left;">お菓子屋さんではお菓子やお花を販売しています。東京にあります。<br /> </div> <div style="font-size : smaller;color : green;">◆<a href="index.html">トップページ</a><br /> ◆<a href="okashi.html">お菓子屋のご紹介</a><br /> ◆<a href="ohana.html">お花のご案内</a><br /> ◆<a href="zakka.html">雑貨のご案内</a><br /> ◆<a href="access.html">アクセス</a><br /> ◆<a href="http://www.*******.com/">PCホームページ</a><br /> </div> <div style="font-size : smaller;color : #624a20;text-align : left;">お電話、メールにてお気軽にお問い合わせ下さい。またパソコン用HPもありますので、詳しくはそちらもご覧下さい。<br /> </div> <div style="color : #ffffff;background-color : #a57e37;text-align : center;">◎お問い合せ◎</div> <div style="text-align:center; font-size:smaller;">電話での問合せ<br /> <a href="tel:03*********">03-***-****</a><br /> メールでの問合せ<br /> <a href="mailto:info@******.com">コチラ</a></div> <div style="font-size : smaller;color : #660000;text-align : center;">お菓子屋さん<br /> ***-****<br /> 東京都<br /> 渋谷区******</div> </body> </html>

  • PHPについて

    PHPについて。 現在このような形でパスワードを作っております <html> <head> <title>form</title> </head> <body> パスワードを入力してください。 <form name="form" action="./sample04.php" method="POST"> <input name="pass" type="text"> <input type="submit" value="ログイン"> </form> </body> </html> ↑HTMLの文面↑ <?php // パスワードを設定する。 $pass = 1234; // form.htmlからのパスワードを受け取る $form_pass = $_REQUEST["pass"]; ?> <html> <head> <title></title> </head> <body> <?php // form.htmlからの値が$form_passと等しいか評価する if($form_pass == $pass){ echo "ログイン成功<br>", "<a href=\"./top.html\">進む</a>"; }else{ echo "ログイン失敗<br>", "<a href=\"./index.html\">戻る</a>";} ?> </body> </html> 質問はパスワードを複数作りたいのですが・・・ どうすればいいですか?PHPにはあまり詳しくないので・・・

    • 締切済み
    • PHP
  • 【緊急】HTML文書の直しお願いします

    htmlのパスワードを作りましたが画面にあるENTERのボタンを必ず押さなければいけないのですがそれをキーボードのENTERキーにする方法はありませんか? パスワードがばればれなのは知ってるんですが見せるのは友達程度でばれてもかまいません。 後、直した文書も載せてもらえるとありがたいです。勉強のためにも自分で直しするべきですがあまり時間がないのでお願いします <div> <body bgcolor="#000000"> </div> <div align="center"> <img src="baka2.png" width="350" height="350" alt=""><br><br><br><br> <html> <head> <title>特別課外活動部パスワード入力</title> <script type = "text/javascript"> <!-- function matchPass() { var inpass = document.forms[ "pass" ].elements[ "inpass" ].value; var validpass = "baccano"; if( inpass == validpass ) location.href = "main.html"; else alert( "パスワードが間違っています。登録されてない場合は先に登録してください" ); } </script> <link rel="stylesheet" type="text/css" href="http://st.shinobi.jp/img/tadaima/tdftad.css" /></head> <body> <form name = "pass"> <div> <input type = "password" value = "" name = "inpass"> <input type = "button" value = "ENTER" onclick = "matchPass();"> </div> </form>

  • ▲▲パソコンの中ではリンクできるが、INET上ではPageが表示されない。。。▲▲

    このように作成しました。INET上ではリンクできません。助けててください。</head>より上はカットしました。 <body> <hr color="#0000FF" style="filter:alpha(opacity=100,finishopacity=0,style=3);" width="350"> <font size="3"><div align="center">Hand-made HTML</div></font> <hr color="#0000FF" style="filter:alpha(opacity=100,finishopacity=0,style=3);" width="350"><br> <br> <font size="2"><div align="center">本日は、Hideyuki.comのHTML講座にお越し頂きまして、ありがとう御座います。<br> ここでは、HTMLについてご説明しています。勿論サイト自体も、手打ちで作っています。<br> 心行くまで、楽しんでいって下さい。</div></font></td> <br> <HR color="#777777" style="filter:alpha(opacity=100,finishopacity=0,style=3);"> <br> <br>               <font size="3"><a href="Hand-made_HTML_HTML概要.html" style="text-decoration:none;">■HTML概要</a></font><br>                  <font size="2">- HTMLを簡単に説明しています -</font><br> <br>               <font size="3"><a href="Hand-made_HTML_HTML基本.html" style="text-decoration:none;">■HTML基本</a></font><br>                  <font size="2">- HTMLの基本をご説明しています -</font><br> <br>               <font size="3"><a href="Hand-made_HTML_Web概要.html" style="text-decoration:none;">■Web概要</a></font><br>                  <font size="2">- HTMLを深く学ぶ前に少しWebの勉強をしましょう -</font> </body> </html>

    • ベストアンサー
    • HTML
  • ケータイのサイトにGoogleアナリティクスを設置しようとしています。

    ケータイのサイトにGoogleアナリティクスを設置しようとしています。 何をトラッキングしますか? で、「携帯電話向けのサイト」を選択すると、 携帯サイトで使用されているサーバーサイド言語を選択 PHP Perl JSP ASPH と聞かれますが、 調べるサイトは、htmlのみで記述してあるように思えるのですが、 その場合は、どれを選択すればよいのでしょうか? 参考までに、調べたいサイトのソースを以下はっておきます。 <html> <head> <title>ホームページ</title> </head> <body bgcolor="#FFE4E1"> <div align=center> <br><br> <p>●公式<br>ホームページ<br> <img src="top11.jpg"><br> <hr> <marquee loop="infinite"><font color="#ff0000">●</font></marquee><br> <hr> <img src="../img/new.gif" ><a href="ez/shinchaku.html">新着情報</a> <hr> <br> <a href="ez/pro.html">プロフィール</a> <br><br> <a href="ez/on.html">情報</a> <br><br> <a href="ez/en.html">情報</a> <br><br> <a href="ez/cd.html">購入方法</a> <br><br> <a href="ez/kai.html">●</a> <br> <br> <a href="http://●">日記</a> <br><br> <a href="mailto:●@.jp">お問い合わせ</a> <font color="white"></font><br> <br> <hr> <a href="ez/hyouki.html">特定商法表記</a> <div align=center><hr> 会<br> --------------------<br> 〒000-0000<br> <a href="tel:●">TEL:●</a><br> FAX:●<br> <hr> <br>(c) ● all rights reserved<br></div></body> </html> どうぞよろしくおねがいします。

    • ベストアンサー
    • HTML
  • HTMLのことで・・・・・・・・。

    さきほども質問したのですが、少々説明不足だったので、もう一度質問したいと、思います。。。;;; この下は、今の私のソースです; ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー <Html> <Head> <Title>~</Title> </Head> <Body> </div> このバナー <!-- content end --> <!-- topleft --> <div id="left"> <a href="#"><img src="ban_seitokai.jpg" width="200" height="60" alt="生徒会の一存"></a> <br> <a href="#"><img src="bn_key.gif" width="200" height="60" alt="key"></a> <a href="#"><img src="" width="" height="" alt=""></a> <a href="#"><img src="" width="" height="" alt=""></a> </div> <div id="right"> <div align="center"><h1>タイトル</h1></div> <p>文章</p> </div> </div> <!-- topleft end --> </div> <!-- maincontent end --> </Body> </Html> ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー この画像の上の図が↑のソースです。 下の図は、『こうしたい』という図です。 画像の隣に文章を表示させたいのですが、どうすればなりますか? できれば、わかりやすく、例や見本を書いてくれますと助かります;

  • HTML パスワード認証について

    HTML パスワード認証について 現在、HPを作成しているのですが、パスワード認証のソースがうまく動きません。 素人なもので色々と調べながらやっているのですが、なぜ動かないかがわかりません。 どなたか教えていただけないでしょうか? ソースは下記通りです。 <head> <SCRIPT LANGUAGE="JavaScript"> <!-- function PassLink(){ key=document.pass.word.value; location.href="C:\xxxxxxxxxx\ooooooooo\iiiiiiiii\"+key+".html"; } //--> </SCRIPT> </head> とHTML側の文章は <body> <FORM name="pass"> <INPUT type="text" name="word" size="18"> <INPUT type="button" value="認証" onClick="PassLink()"> </FORM> </body> です。 宜しくお願いします。

    • ベストアンサー
    • HTML
  • パスワード認証ページ作りたい(basic認証でない)

    フリーのものを使ってパスワード認証ページ(basic認証でない)を作ろうとしています。しかし、うまく動いてくれません…何がいけないのでしょうか?どうかご教授下さい。ちなみにここのサンプルです。 http://www.jetman.jp/passwd.php <?php $user_pass = "test"; $ok = "ok.htm"; $error = "error.htm"; $script = "login.php"; $doc_title = "テスト"; if(!isset($ver)) { $ver = '1.05.1'; } if(!isset($pass)) { $pass = $user_pass; // パスを指定 if($passwd == $pass) { header("Location: $ok"); // OKなら } elseif($passwd) { header("Location: $error"); // NGなら } } ?> <html> <head> <title><?php echo $doc_title; ?></title> <meta http-equiv="Content-Type" content="text/html;Charset=Shift_JIS"> <script type="text/javascript"> <!-- function check() { if(document.formxx.passwd.value.length == 0) { alert("パスワードが入力されてません"); return false; } return true; } //--> </script> </head> <body> <h3><?php echo $doc_title; ?></h3> <form action="<?php echo $script; ?>" method="post" name="formxx"> <input type="password" name="passwd" size="15"> <input type="submit" value=" login " onClick="check()"> <form> <p style="font-size:10px"><a href="http://www.jetman.jp/">プチログイン version:<? echo $ver; ?></a></p> </body> </html>

    • ベストアンサー
    • PHP