html rollover map

hi there. me doing rollover image map with mouseover and onclick. there is a backround image and few same sized transparent layers with some pics on them. few poly areas. ones with onclick should stay when i move my cursor on others, they should change only with other onclick.

so onclick images should stay and onmouseover layers should just load on them.

<area shape="rect" coords="" onClick="if(document.images) document.getElementById('map').src= 'clicklayer.png"  />
 
<area shape="poly" coords="" onMouseOver="if(document.images) document.getElementById('Map').src= 'mouselayer.png';" onMouseOut="if(document.images) document.getElementById('Map').src= 'blank.png';"  />

whats the easiest way?

rollover and die fuckass

>>2
no.

INTERACTIVE BBCODE DEVELOPMENT ENVIRONMENT

>>4
its so complicated nowadays. dont wonna become a programmer, just need some html tag or whatever.

i hate you, computer world.

>>1
It is possible to do it by having a grid of elements that have the onMouseOver function enabled, but it would be really tedious. You wouldn't want to type out the grid by hand. There also seems to be a way to directly get the mouse coordinates.

http://www.javascriptsource.com/page-details/mouse-coordinates.html

>>6
thanks. but it worked in a lot easier way.
its like a second background layer over the first one.

document.getElementById('Maps').style.backgroundImage='url(clicklayer.png)'

>>7
I see. Somehow, when I read your post, I was reminded of a hack that people sometimes use to get the mouse coordinates, where they make a massive and fine grid of squares that have a call back for a mouse over event, which then sets the global mouse position variable to their position. Sorry, I don't know why I thought you were trying to do this...