DOM Scripting comments: ABBRacadabra

Zeb

Sat, 23 Feb 2008 14:59:14 GMT

I tried it and it worked. nice trick

Maria

Sat, 23 Feb 2008 12:22:34 GMT

Thanks Jeremy! really a helpful tip

Margret

Wed, 20 Feb 2008 02:47:38 GMT

Neat little trick for IE, thanks for sharing it.

Sierra

Tue, 19 Feb 2008 00:59:28 GMT

I agree it don’t need to be writed in Errata but thanks for sharing it with us.

Ramses

Sun, 17 Feb 2008 17:17:52 GMT

Hi Jeremy, thanks for that share

DJ

Fri, 15 Feb 2008 20:50:09 GMT

Good

Susan

Thu, 14 Feb 2008 12:17:09 GMT

It is a good tip. When I start working on a site, I will use it…

Rick

Mon, 11 Feb 2008 20:09:00 GMT

This is not just an IE quirk! If you use document.createElement("dufus") as above, the <dufus> tag will then be usable your document and show up in the browser. You can use it and style it as if it was a W3C HTML defined tag. Just be sure to use display: inline or display: block ( or … ) in the CSS!

This works in IE6, Firefox 2.0.0.12 and Opera 9.25

The older, more involved, way to get IE6 ( and below) to recognize is to use an XML namespace in your XHTML document. The <html> tag would look like this:

The two namespaces are different according to the XMLNS spec, even though their URI’s resolve to the same place. You could then do this:

<html:abbr> title="HyperText Markup Language">HTML</html:abbr>

to get IE to recognize the <abbr> tag.

Gary Barber

Sun, 10 Feb 2008 05:29:20 GMT

That is Gold, just pure gold. Good find

TMaxim

Thu, 07 Feb 2008 08:27:49 GMT

If you ever really release a book "Hacks for Internet Explorer" like Rob suggested let us know too!

filmmeister

Wed, 06 Feb 2008 20:40:08 GMT

Hi Jeremy, thanks for that info! If you ever really release a book "Hacks for Internet Explorer" like Rob suggested let us know!

Lucas

Wed, 06 Feb 2008 14:33:40 GMT

Great Stuff. Thx a lot for sharing. Best Regards for author.

I have been looking for this info long time

Andy

Wed, 06 Feb 2008 13:24:29 GMT

Thank you. Your site one of the best that I saw

Gordon Brander

Tue, 05 Feb 2008 17:32:31 GMT

Wow. Filing that one away. Thanks Jeremy.

ckinfo

Mon, 04 Feb 2008 20:51:35 GMT

Great post. Thanks for keeping the web development community up to date. Thanks ckinfo

Elaine Nelson

Wed, 30 Jan 2008 16:57:11 GMT

I don’t know…I think it might be worth adding to the errata just so people who read the book (but not this blog!) discover that very useful little quirk. I don’t have any use for it now but will definitely be keeping it in the back of my head for the future.

Graham Peel

Tue, 29 Jan 2008 16:06:07 GMT

Awesome find, Jeremy! This might mean the end of the acronym tag workaround for IE abbr’s. Also, if you want to imitate the dashed border that’s present by default on abbr tags in Firefox, then use a style like this to make it work in IE:

border-bottom: dashed 1px #ccc; _display:inline-block

By default, IE won’t let you apply top or bottom borders to inline level elements unless you give it display: inline-block.

Jeremy Keith

Tue, 29 Jan 2008 14:32:02 GMT

Jeff, they’re not "screwed"—they just don’t get the script or the style which, because I’m using progressive enhancement, isn’t a dealbreaker.

Jeff

Tue, 29 Jan 2008 13:45:10 GMT

The thing that everyone has forgotten in all this are users that have Javascript turned off— script and style away, but your non-js users are screwed.

Rob

Mon, 28 Jan 2008 22:18:57 GMT

Gee. You could start something and call it "Hacks for Internet Explorer"! How novel.

Mats Lindblad

Mon, 28 Jan 2008 22:08:50 GMT

I had to add it to the document to get it to work…