- ベストアンサー
htmlの画像クリック時のid取得方法
- htmlの画像をクリックした際にその画像のidを取得する方法について説明します。
- 対象の画像タグにはid属性を設定し、JavaScriptのイベント処理を用いてクリック時にidを取得します。
- 取得したidを他の要素に反映するためには、JavaScriptで要素を操作する方法があります。
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
>申し訳ないのですが、素人でしてどこで何をやればいいかもう少し具代的に教えていただきたいです。 どのくらいのスキルであるかは存じませんが、ここの解答欄で回答できる内容を越えています。 また、開発している人で無いとしたら、ここで具体例を出しても実装できない気がします。 たとえば、サーバ側でフレームワークを利用していれば書き方が違ってきます。 具体的な回答をするには以下の補足が必要です。 ・使用フレームワーク(おそらくstruts系?) ・サーバ側のjspを呼び出しているアクションクラス等 ・表示しているjsp ようは、それが動作している一式が無いと具体的な回答は難しいです。
その他の回答 (2)
- LancerVII
- ベストアンサー率51% (1060/2054)
>ありがとうございます。 >実際は画像がもっとあり、DTOでつくられたリストがあります。そのリストには、hallNum,floorNum,placeNameをデータベースから取得したものがはいっています。 >そして画像をクリックするとその画像のidと同じhallNumのデータを全て出力したいために、画像のidをそのリストのhallNumと対応するようにつけました。 まず、数字のみのidはあまり推奨できません。 http://www.kanzaki.com/docs/html/htminfo12.html#name-syntax >なのでとりあえず数字を決めうちで条件式をかいたところでした。 > >上のような動きをさせたいのですが、わかりません。よろしくお願いします まずは、サーバ側の処理とクライアント側の処理の理解をする必要があります。 <c:if test="${m.hallNum == 70}"> に使われている70はコンパイルの際に利用され、内部的には if ( m.hallNum == 70 ) { out.write ( "" ); } のような内容に変換され、さらにhtmとして変換されクライアント側に返って来ますので、すでに作成されてしまっているhtmlの値を入れることは無理です。 一度サーバ上に値を送信し、70の部分を動的に変える必要があります。 <a href="表示サーブレット?id=1>1の画像のみ表示</a> これでidをサーバ側で取得できますのでその値で条件を作れば、その条件に合致した画像が表示されることになります。
補足
ありがとうございます。 申し訳ないのですが、素人でしてどこで何をやればいいかもう少し具代的に教えていただきたいです。
- LancerVII
- ベストアンサー率51% (1060/2054)
こんにちは。 strutsのタグ内の条件用の数値ですので、クライアントに送信後のhtmlでは何もできません。 (jsも然りです) 表示されたページのhtmlを見てみればわかると思いますが、その70はどこにもないと思います。 クライアントで動くもの、サーバ側で動くものの整理をし、実現したいことを補足ください。 違ったアドバイスができるかもしれません。
補足
ありがとうございます。 実際は画像がもっとあり、DTOでつくられたリストがあります。そのリストには、hallNum,floorNum,placeNameをデータベースから取得したものがはいっています。 そして画像をクリックするとその画像のidと同じhallNumのデータを全て出力したいために、画像のidをそのリストのhallNumと対応するようにつけました。 なのでとりあえず数字を決めうちで条件式をかいたところでした。 上のような動きをさせたいのですが、わかりません。よろしくお願いします
お礼
そうですよね。ありがとうござます。