[Seasar-user:4905] Re: imgタグのid属性について

[wasabi]

米林様：

[thisを使用]で実装したところ、うまくいきました。
ご教授ありがとうございました。

また何かありましたらよろしくお願い致します。


06/10/25 に wasabi<[E-MAIL ADDRESS DELETED]> さんは書きました:
> 米林様：
>
> 早速のご回答ありがとうございます。
>
> ご教授いただいた方法をこれから試してみたいと思います。
>
> ＃結果は後ほど報告します。
>
> 以上よろしくお願いします。
>
> 06/10/25 に [E-MAIL ADDRESS DELETED]<[E-MAIL ADDRESS DELETED]> さんは書きました:
> > 米林です。
> >
> > From: "wasabi" <[E-MAIL ADDRESS DELETED]>
> > Sent: Wednesday, October 25, 2006 11:06 AM
> >
> > > 一覧内の画像にマウスカーソルが乗ったとき、離れたときに画像を切り替える
> > > という処理を実装しています。
> > > 一覧を作成するforEachのindexを利用してimgタグのid属性を指定したいのですが、
> > >
> > > 『id="detail_btn#{index}"』のようにid属性を指定すると落ちてしまいます。
> > >
> > > <img m:inject="h:graphicImage"
> > > m:url="/images/detail_btn.jpg"
> > > src="../images/detail_btn.jpg"
> > >      id="detail_btn#{index}"
> > >      onMouseOver="SetOverimage('xxxxxx','detail_btn#{index}')"
> > >      onMouseOut="SetOutimage('xxxxxx','detail_btn#{index}')" >
> > >
> > > ↓↓↓発生する例外
> > > java.lang.IllegalArgumentException: Subsequent character is invalid
> > > javax.faces.component.UIComponentBase.validateId(UIComponentBase.java:666)
> > > javax.faces.component.UIComponentBase.setId(UIComponentBase.java:144)
> > > javax.faces.webapp.UIComponentTag.createComponent(UIComponentTag.java:375)
> > > javax.faces.webapp.UIComponentTag.createChild(UIComponentTag.java:382)
> > > javax.faces.webapp.UIComponentTag.findComponent(UIComponentTag.java:261)
> > > javax.faces.webapp.UIComponentTag.doStartTag(UIComponentTag.java:138)
> > >
> > org.seasar.jsf.processor.TagProcessorImpl.processTag(TagProcessorImpl.java:224)
> > > org.seasar.jsf.processor.TagProcessorImpl.process(TagProcessorImpl.java:217)
> > > ・・・・・続く
> > >
> > > id属性にもindexが使用できるようにしていただくことは可能でしょうか。
> > > 以上ご回答の程よろしくお願い致します。
> >
> > JSFの仕様でid属性にEL式は使用出来ません。
> > ですので、下記のように画像切り替えを検討
> > して頂けますでしょうか?
> > # 特にid属性を必要としない方法です
> >
> > [thisを使用]
> > onMouseOver="this.src='hoge.gif'"
> > onMouseOut="this.src='foo.gif'"
> >
> > [SetOverimage, SetOutimage関数を以下のように変更]
> > function SetOutimage(xxx, imgObj){
> >   imgObj.src='../images/detail_btn.jpg";
> > }
> > function SetOverimage(xxx, imgObj){
> >   imgObj.src='../images/用意した画像.jpg";
> > }
> >
> > 使用バージョンがS2JSF1.0, 1.1系ともに使用出来るはずです。
> >
> > 宜しくお願いします。
> > ---
> > 米林 正明
> > [E-MAIL ADDRESS DELETED]
> >
> > _______________________________________________
> > Seasar-user mailing list
> > [E-MAIL ADDRESS DELETED]
> > https://www.seasar.org/mailman/listinfo/seasar-user
> >
>