muのログイン窓を携帯サイトのトップ画面に表示させたい

解決済 hane373
(@hane373)

15年、 9ヶ月前

こんにちは

私は現在、wordpress-mu-1.5.1.を使っています。
Yurikoさんの開発された「Ktai Style 」を使い、携帯からも利用できるような運営をしたいと考えています。
(Yurikoさん、ありがとうございます)

今、行き詰っているのは、サイトのトップ画面から、
それぞれのユーザーがログインできる窓を作れないかと模索中です。

PC画面では、formを使い、

<form>
<INPUT type=”text” name=”id”><input type=”button” value=”ログインページへ移動” onClick=”location.href = ‘http://www.net/blog/’+this.form.id.value + ‘/wp-login.php’;”></form>

とすれば、ID記入用窓と、ボタンが表示され、
http://www.net/blog/ユーザーID/wp-login.php
に移動してくれるのですが、

この同じformが、携帯では有効になりません。

携帯のページに
http://www.net/blog/ユーザーID/wp-login.php
のリンクを張るのに、何か良い方法はありませんでしょうか・・

どなたか、ご存知なら、教えてくだされば幸いです。m(__)m

2件の返信を表示中 - 1 - 2件目 (全2件中)

モデレーター IKEDA Yuriko
(@lilyfan)

15年、 9ヶ月前
この同じformが、携帯では有効になりません。

携帯電話では JavaSctipt が使えないことが多いので onclick が効かないからだと思います。同じことをするには、フォームを受信する PHP スクリプトを作っておいて、そこからリダイレクトをかけるしかないでしょう。
```
<form>
<INPUT type="text" name="id"><input type="button" value="ログインページへ移動" onClick="location.href = 'http://www.net/blog/'+this.form.id.value + '/wp-login.php';"></form>
```
これだと、フォームに変な値を入れられたときに XSS 脆弱性とか起きてしまいませんか? PC 版も、フォームを PHP スクリプトで受けて、リダイレクトさせた方が安全です。当然ながら、ユーザー名として使える文字のみが含まれているかどうかのチェックが必要です。

あと、XHTML ではタグは小文字なので INPUT じゃなくて input が正解です。
トピック投稿者 hane373
(@hane373)

15年、 9ヶ月前

lilyfanさん、お返事ありがとうございます。
ktaiのyurikoさんですね?

お世話になっています。m(__)m

実は私は数ヶ月前には、「cgiってなんのことだろう?」と言ってたぐらいのド素人で、
この「onClick =’location.href=」というタグは英語だけ読んでいても大変分かりやすいので、このフォームにずっとこだわっていたのですが、
これは、JavaSctiptであり、携帯では使えないフォームなのですね?
それが判明しただけでも、本当にもやが晴れ、救われます。
ありがとうございます。

で、PHPを自作する方法が良いのですね。
わかりました。

>これだと、フォームに変な値を入れられたときに XSS 脆弱性とか起きてしまいませんか?

なるほど。
あまりにも簡単なので「どうかしら?」とは思っていたのですが、
PHPを置けば、pc画面でももう少ししっかりした管理ができるようになりますね。

わかりました。
なんとか、PHPを作ってみたいと思います。

まだ、phpについては右も左も分からない状態ですので、少し基本から勉強してみようと思います。

しばらくは、携帯にログイン画面を作るのはおあずけになりそうですが、
なんとか頑張ってみます。

>あと、XHTML ではタグは小文字なので INPUT じゃなくて input が正解です。

はい、わかりました^^

タグも見直ししてお掃除しようと思います。

本当にありがとうございます。

がんばります!

2件の返信を表示中 - 1 - 2件目 (全2件中)

トピック「muのログイン窓を携帯サイトのトップ画面に表示させたい」には新たに返信することはできません。

トピックタグ

表示