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

締切済

質問者：genkideru
質問日時：2009/09/06 14:54
回答数：1件

ホームページビルダーでパソコンのサイトでは、パスワードで入れるページをつくれたのですが、携帯のサイトでは出来ません。

携帯のサイトに、パスワードで入れるページをつくりたいのですが、簡単な方法ってありますか？いろいろ調べましたが、
以下のも難しくて出来ませんでした。

簡単でわかりやすいのがあれば教えてください。

■JavaScriptで簡易パスワードをかけるスクリプトについて。
１）パスワードを入れるページ（入り口）　/public_html/pass.html
２）認証された時に表示するページ　　　　/public_html/member/frendsmember.html
３）認証が拒否されたときのページ　　　　/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の中身（適当で良いが、ようするに認証ＯＫの画面■
<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>４０４　ＥＲＲＯＲ</TITLE>
</HEAD>

<BODY>
<div align="center">
<h1>４０４　ＥＲＲＯＲ</h1>
<font size="3">
ファイルが表示できません<br>
このエラーについての詳細は
<a href="mailto:xxxxx@xxxx.ne.jp">
WEBMASTER
</a>
までお問い合わせください
</font>
</BODY>
</HTML>
---------------------------
User-agent*
Disallow:/member/

と書いた「robots.txt」というテキストファイルを置いておくこと。

------------------------

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

最新から表示
回答順に表示

No.1

回答者： EFA15EL
回答日時：2009/09/06 15:08

今後は携帯ブラウザにもJSが標準搭載されますので、そのうち書かれている方法も使われるようになりますが、今は意味ないですね。

サーバサイドで制限をかけるのが一番簡単ですかね。
BASIC認証が使えるのならそれが良いでしょう（多分最もよく使われる方法です）。
http://allabout.co.jp/internet/hpcreate/closeup/ …
でなければCGIを利用した方法ですかね。
http://www.cgi-search.info/search/?cmd=dp&num=51
どちらにしてもその権限がなければ使えませんが。

上記は非常に「簡単な」方法ですので、これで挫折しているようだと厳しいですよ。

- 0
- 件

通報する

この回答へのお礼

EFA15EL様、ご解答ありがとうございました。

昨日、夜中までやってみましたが、無理でした＞＜；
やはり、初心者の手には負えません。

あきらめます。

ありがとうございました。

ちなみに
ーーーーーーーーーーーーーーーーーーーーーーーーー
function checkpw(){
var pswd = prompt("パスワードを入力して下さい:","");
location.href = pswd + ".htm";
}
//--></script>

<form>
<input type="button" value="秘密のページへ" onClick="checkpw();">
</form>
ーーーーーーーーーーーーーーーーーーー
というのも、見つけて貼ってみたのですが、パスワードを
どこにいれてログインページのURLをどこに入れればいいのかも
わかりませんので、失敗しました。
とても、簡単な方法だと書いていましたが。。。

ありがとうございました。
もし、上記の簡単な方法のパスワードと、ログインページのURLをどこに入れればいいのかお判りでしたら教えてくださいませ。

宜しくお願いします m(__)m
何やら、お礼のようなお願いのような文面になってしまいました。
ごめんなさい。

これで、だめならあきらめます。