<area> tag and Javascript — OZONE Asylum, home of the Mad Scientists

Stupid Basic HTML

<area> tag and Javascript

This page's ID: 26769

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	[quote]he has said he likes to change the design of his site 4 times a year or more, and has NO clue about web-building.[/quote]So you definitively should have a look at the [url=http://www.csszengarden.com]CSS Zen Garden[/url]. You see, building a clean, valid and semantic (x)HTML markup will allow you, or anybody else, to "skin" it by just doing a .CSS file and some images. To learn about (x)HTML and CSS, you could head to [url=http://www.w3schools.com/]w3schools.com[/url] and [url=http://www.alistapart.com/]A List Apart[/url]. Check also the [4663] (tutorials), [4802], [4664] (tutorials) and [4959]. To get back on topic, you should turn :[code]document.write("<img src='"+list[j]+"' />");[/code]into[code]bla = "<img src='"+listImg[ j ]+"' usemap='#theMap'>\n<map name='theMap'>\n\t" bla += "<area href='"+ listHref[ j ] +"' shape='"+ listShape[ j ] +"' coords='"+ listCoords[ j ] +"' alt='' /></map>" document.write( bla )[/code]Well I think you get the point. Check the official specs of [url=http://www.w3.org/TR/html4/struct/objects.html#h-13.6.1.1]HTML 4.01 > Objects, Images, and Applets > Client-side image maps: the MAP and AREA elements[/url], for the possibilities and syntax of image maps. Hope that helps, [url=http://www.p01.org/][sigrotate][img]http://poi.ribbon.free.fr/files/p01_ozoneasylum_sig_love.gif[/img]\|[img]http://poi.ribbon.free.fr/files/p01_ozoneasylum_sig_love_small.gif[/img]\|[img]http://poi.ribbon.free.fr/files/p01_ozoneasylum_sig_charly.gif[/img]\|[img]http://poi.ribbon.free.fr/files/p01_ozoneasylum_sig_dk.gif[/img]\|[img]http://poi.ribbon.free.fr/files/p01_ozoneasylum_sig_reason.gif[/img]\|[img]http://poi.ribbon.free.fr/files/p01_ozoneasylum_sig_galaxy.gif[/img][/sigrotate][/url] [small](Edited by [internallink=2185]poi[/internallink] on 10-02-2005 19:09)[/small] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu