WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:画像をCGIで置き換えたい。

るう [MAIL] [WriteDate : Sun Dec 10 23:00:53 2000]

画像をCGIで置き換えたいのですがどうすればいいでしょうか?
こんな■画像を□画像に置き換えたり戻したりしたいんです。
例えば居場所を伝えるためにどこからでも変更できるように
したいのです。最終的にはi-modeでも変更ができればいいと思っています。
 自学会稽旅買出  
 宅校社古行物張  
父□□□□□□■
母□□□■□□□
妹□■□□□□□
こんな感じで家族の居場所とかがわかれば便利だと思っているのですが難しいでしょうか?
CGIは初心者なのでよろしくお願いします。






バギンズ [WriteDate : Mon Dec 11 03:22:38 2000]

>画像をCGIで置き換えたいのですがどうすればいいでしょうか?
IMG要素を出力する際に表示する画像ファイルを変更すればいいだけです。

例の行き先掲示板風の場合は、各人に対応する行き先番号をファイルに保存しておき、表示するときにファイルから読み込んで表示するのですが、forで行き先数分ループしながら

if (該当する行き先番号か?) { print '<IMG SRC="■画像">'; }
else { print '<IMG SRC="□画像">'; }

って感じでいいかと思います。

i-mode対応するときは、UserAgentで識別して画像を使わないようにした方がいいです。(i-modeはパケット数による従量課金だから)

あと、行き先の指定方法をどうするのか?と各人の識別でID&パスワードなどを使うのか?がありますが、それは問題ないですか?

るう [MAIL] [WriteDate : Mon Dec 11 03:54:55 2000]

行き先の指定方法は直接その□画像をクリックすることで■画像に換えて変更したいと考えています。
そして、それができたらパスワードによる識別やコメント枠を作ってグレードアップをしたいと思っています。
とりあえずは単純に画像がかわるだけでもつくりたいのですが構造が思いつかず、参考になるサンプルも見つけられなくて困っています。
よい例はないでしょうか?



バギンズ [WriteDate : Mon Dec 11 04:40:09 2000]

>行き先の指定方法は直接その□画像をクリックすることで■画像に換えて変更したいと考えています。 

とりあえず3パターン可能性があります。
(1)<INPUT TYPE=image>を使う方法
(2)<A HREF="xxx.cgi?id=user1&pos=5"><IMG SRC="画像"></A>とかで、GET形式でID+行き先番号を指定する方法
(3)<A HREF="JavaScript:void()" onClick="SubmitPos(user1,5)"><IMG SRC="画像"></A>とかで、JavaScriptの関数をコールし、関数の中でIDと行き先番号を別途用意した<INPUT TYPE=HIDDEN NAME="ID">と<INPUT TYPE=HIDDEN NAME="POS">へセットして送信する方法

でも、i-modeだと現状ではJavaScriptが使えないと思いますので(3)はダメですね。
あ、(1)もダメかも...

また、
>そして、それができたらパスワードによる識別やコメント枠を作ってグレードアップをしたいと思っています
って事は、(2)もダメになりますので...全滅(^_^;)

i-modeの時は別方法(select要素での選択など)にするしかないですね。

i-mode以外なら(1)か(3)の方法が使えます。

バギンズ [WriteDate : Mon Dec 11 12:20:57 2000]

(1)の方法でサンプルを作ってみました。

http://cgi14.plala.or.jp/~bagi/sample/selimg.cgi

ソースのリンクをクリックするとソースが見れます。

#バグってないかな(^_^;)

andi [WriteDate : Mon Dec 11 13:37:05 2000]

ふむ。バギンズさんのサンプルを見てみました。

るうさんの最初のイメージを考えると、
過去にクリックした分も色が変わっている必要が
あるのではないでしょうか。



バギンズ [WriteDate : Mon Dec 11 14:26:09 2000]

このスレッドのサンプルとしては、<input type=image>を使用してクリックした画像の位置がわかるものであればいいかなと思いました。(^_^;)

行き先のファイルのI/Oなども必要ですか?
でも、それをやるなら、ユーザーの登録やパスワードチェックも欲しいし...
まぁ、そこらへんは、るうさんのお楽しみって事で。

るう [MAIL] [WriteDate : Mon Dec 11 15:06:49 2000]

ありがとうございます。
感謝感激です。
わざわざサンプルまで作っていただいてすごくうれしかったです。
このサンプルを参考に勉強してみます。
よろしかったらバギンズさんのメールアドレスを教えていただけま
せんか?


バギンズ [MAIL] [URL] [WriteDate : Mon Dec 11 15:49:39 2000]

>わざわざサンプルまで作っていただいてすごくうれしかったです。 
いえいえ、絵のセンスが無いんで画像のボタンって使った事なかったし、レスする以上はちゃんと動くことを確認しないといけないと思って試しに作ってみただけです。(^_^;)

ついでに、うちのサイトのサンプルに追加しました。
よろしければ、遊びに寄ってください。(^_^)

るう [MAIL] [WriteDate : Wed Dec 13 21:47:32 2000]

ありがとうございました。
とても参考になりました。

andi [WriteDate : Thu Dec 14 16:38:31 2000]

別の所で質問されたままほったらかしになっています。
マルチポストをするならするで、そちらにも解決を伝えないと失礼ですよ。
回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]