Thanks James! I'm not sure why I didn't think to do this on my own. I
am going to add this to Issue 1333:
http://code.google.com/p/google-web-toolkit/issues/detail?id=1333
On Nov 12, 12:18 pm, "James Wheat" <[EMAIL PROTECTED]> wrote:
> Okay so after playing around with the code here is what I have come up with
> to fix the issue:
> TestImageBundle imgBundle =
> (TestImageBundle)GWT.create(TestImageBundle.class);
>
> Image img = imgBundle.aeromexico().createImage();
>
> RootPanel.get().add(img);
>
> if(img.getElement().hasChildNodes())
> {
> //This is used for IE only I think because of the way IE renders
> images from the ImageBundle
> //In IE the image is wrapped in a clipper element where as in
> Mozilla or Chrome the image element is placed directly
>
> img.getElement().getFirstChildElement().setAttribute("alt",
> "testAlt");
>
> }else
> {
> //This will set the element attribute for the other browsers
>
> DOM.setElementAttribute(img.getElement(), "alt", "testAlt");
> }
> Window.alert(img.getElement().getString());
>
> I hope this answers your questions and if you have any other problems let me
> know,
>
> James
>
> On Wed, Nov 12, 2008 at 10:22 AM, markmccall <[EMAIL PROTECTED]> wrote:
>
> > Using GWT 1.5.2 and IE7 (both web mode and hosted mode) I am
> > attempting to add ALT and/or TITLE text to an Image that is sourced
> > from an ImageBundle, but the result is the "alt" and "title"
> > attributes are added to the "<gwt:clipper>" element rather than the
> > "<img>" element. This is an issue for screen readers like JAWS since
> > the screen reader expects the "alt" attribute to reside on the "<img>"
> > element.
>
> > Sample code:
>
> > Image clippedImage = MyImageBundle.myLogo().createImage();
> > DOM.setElementProperty(clippedImage.getElement(), "alt",
> > "clipped alt");
> > DOM.setElementAttribute(clippedImage.getElement(), "title",
> > "clipped title");
>
> > Resulting HTML:
>
> > <?xml:namespace prefix = gwt />
> > <gwt:clipper class=gwt-Image title="clipped title" style="PADDING-
> > RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; OVERFLOW: hidden;
> > WIDTH: 326px; PADDING-TOP: 0px; ZOOM: 1; HEIGHT: 86px"
> > __eventBits="131197" alt="clipped alt">
> > <IMG style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; MARGIN-
> > TOP: 0px; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader
> > (src='http://localhost:8080/a/
> > A29BCAE7C99015EF96C61496A2D16C34.cache.png',sizingMethod='crop');
> > MARGIN-LEFT: -745px; BORDER-LEFT: medium none; BORDER-BOTTOM: medium
> > none" height=86 src="http://localhost:8080/a/clear.cache.gif";
> > width=1071 border=0>
> > </gwt:clipper>
>
> > Does anybody know how to force the "alt' and "title" attributes onto
> > the "<img>" element?
>
> > By the way, for those who do not know, you can paste the following
> > into your hosted mode URL bar and a new window will open showing you
> > the generated HTML:
>
> > javascript:void(window.open("javascript:document.open(\"text/plain
> > \");document.write(opener.document.body.parentNode.outerHTML)"))
>
> > Thanks,
> > Mark
--~--~---------~--~----~------------~-------~--~----~
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 [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/Google-Web-Toolkit?hl=en
-~----------~----~----~----~------~----~------~--~---
![http://localhost:8080/a/clear.cache.gif"](http://localhost:8080/a/clear.cache.gif"){kind=link}