Thomas, Thank you for the info. I understood the issue. Those are the info I searched by Google, and could not find.
As you suggested as the workaround, I used the ClickHandler way, since I found that the secondary image from the ImageBundle was not shown properly when I used the extracted img tag. However, after I have read the info you provided, I thought that I might be able to work around by covering the image from ImageBundle with the custom transparent (image) layer, and put Anchor widget on that transparent layer. I will give it try next time. Regards On Oct 2, 6:14 am, Thomas Broyer <t.bro...@gmail.com> wrote: > On 2 oct, 13:07, Art <art...@gmail.com> wrote: > > > Hello, > > > I have the image created by the image bundle like next: > > AbstractImagePrototype jpNationFlagImagePrototype = > > bounceAbsorberImageBundle.jpNationFlag(); > > I wrapped that by the Anchor widget like: > > Anchor jpAnchor = new Anchor( jpNationFlagImagePrototype.getHTML > > (), true, hrefStr + "locale=ja_JP"); > > > In the hosted mode or on IE7 (web mode), clicking on that Anchor > > widget does nothing. > > Seehttp://code.google.com/p/google-web-toolkit/issues/detail?id=3080 > It's been reported nearly a year ago, but unfortunately it's hard to > fix. The proposed fix is to completely rework ImageBundle (and the > @sprite equivalent in > CssResource):http://code.google.com/p/google-web-toolkit/issues/detail?id=3588 > (the actual underlying issue is that in IE, the click event is "eaten" > by the image and doesn't propagate up to the > anchor:http://code.google.com/p/google-web-toolkit/issues/detail?id=3951) > > The workaround is to use an Image with a ClickHandler and > Window.Location.assign(...), or to not use an ImageBundle (use an > image on its own) > > > > > On FF 3.5 (web mode), clicking on that Anchor widget works as > > expected: forwarding to the URL specified as the part of hrefStr + > > "locale=ja_JP" above. > > > I see the differences in the permutation results for IE and FF. For > > IE, img HTML tag has been wrapped by clipper tag like: > > <gwt:clipper style="overflow: hidden; width: 16px; height: 11px; > > padding: 0px; zoom: 1"><img src='http://' onerror='if > > (window.__gwt_transparentImgHandler)window.__gwt_transparentImgHandler > > (this);else this.src="http://localhost:8080/bounceabsorber/ > > clear.cache.gif"' style="filter: > > progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http:// > > localhost:8080/bounceabsorber/ > > CD45E40E45B278324279E1892614A969.cache.png',sizingMethod='crop'); > > margin-left: 0px; margin-top: 0px; border: none" width=16 height=11 > > border='0'></gwt:clipper> > > > When I intentionally extracted the img HTML tag and added the > > extracted img HTML tag to the Anchor widget like below, the problem > > went away: clicking on the Anchor widget worked to forward to the > > intended URL as expected in the hosted mode or on IE7 (web mode). > > Element imgElement = jpNationFlagImagePrototype.createElement > > ().getElementsByTagName( "img").getItem( 0); > > Anchor jpAnchor = new Anchor(); > > jpAnchor.getElement().appendChild( imgElement); > > jpAnchor.setHref( hrefStr + "locale=ja_JP"); > > > I like to know if there will be any draw back for removing clipper tag > > by the above way, in order to clicking on Anchor widget works on IE. > > Well, AFAICT, it'll only display as expected if your image is in the > upper left corner of the generated bundle. --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group. To post to this group, send email to google-web-toolkit@googlegroups.com To unsubscribe from this group, send email to google-web-toolkit+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en -~----------~----~----~----~------~----~------~--~---
