zIndex, Area Maps & HotSpots 
Author Message
 zIndex, Area Maps & HotSpots

Hello,

I am unable to make zindex work with AREA map.

When a user clicks on, say, the left side of the picture tictactoeboard.gif, I want the circle.gif to come on top.
When the user clicks on the right side of it, I would like the cross.gif to come on top.

I would appreciate your help.

Thank you,
rajan

 <DIV STYLE="position:relative;left:0;top:0;height:180;width:180">

 <IMG ID="tictactoeboard"
   src="tictactoeboard.gif"
   STYLE="position:absolute; left:0; top:0"
   USEMAP="#grid">

 <IMG ID="circle"
  src="circle.gif"
  STYLE="position:absolute; left:0; top:0"
  onclick="tictactoeboard.style.zIndex=2; circle.style.zIndex=1">

 <IMG ID="cross"
  src="cross.gif"
  STYLE="position:absolute; left:0; top:0"
  onclick="tictactoeboard.style.zIndex=2; cross.style.zIndex=1">

 </DIV>

<MAP NAME="grid">
<AREA NAME="1" COORDS="0,0,60,60"
href="javascript: tictactoeboard.style.zIndex=1; circle.style.zIndex=2"
onclick="javascript: tictactoeboard.style.zIndex=1; circle.style.zIndex=2">

<AREA NAME="1" COORDS="121,0,180,60"
href="javascript: tictactoeboard.style.zIndex=1; cross.style.zIndex=2"
onclick="javascript: tictactoeboard.style.zIndex=1; cross.style.zIndex=2">
</MAP>



Wed, 30 Apr 2003 03:00:00 GMT  
 zIndex, Area Maps & HotSpots


 GO AWAY with your ugly HTML-POSTINGS !

MM anno MM  (Marek M?nd aus (B)Estland)
http://my.tele2.ee/cadorsoft/cdr_js_pkb/links.htm



Fri, 02 May 2003 10:13:45 GMT  
 zIndex, Area Maps & HotSpots
"Rajan Moorjaney" wrote ...

Quote:
>Hello,

>I am unable to make zindex work with AREA map.

>When a user clicks on, say, the left side of the picture tictactoeboard.gif,
>I want the circle.gif to come on top.
>When the user clicks on the right side of it, I would like the cross.gif to
>come on top.

This isn't your problem, but don't put "javascript:" at the start of an
onclick attribute.  I also find it very unlikely that there will be browsers
where javascript is enabled, but onclick does not work (Anyone heard of this?)
So it would probably suffice to have href="#" or href="nojavascript.html"
and add ";return(false);" to the end of the onclick attribute.

Paul.

<AREA NAME="1" COORDS="0,0,60,60"
href="javascript: tictactoeboard.style.zIndex=1; circle.style.zIndex=2"
onclick="javascript: tictactoeboard.style.zIndex=1; circle.style.zIndex=2">

P.S. I am also not fond of HTML posts.



Fri, 02 May 2003 03:00:00 GMT  
 
 [ 3 post ] 

 Relevant Pages 

1. zIndex & AREA map

2. Mapping hotspots with borders

3. Mapping hotspots with borders

4. groff & imageable area on Apple LaserWriter

5. map network drive & getFile

6. multiple mapped drives & user properties

7. ASP & Drive Mapping

8. zindex?

9. changing zIndex for <DIV>

10. zIndex value not getting set properly

11. zIndex value not getting set properly

12. zIndex problem...

 

 
Powered by phpBB® Forum Software