map highlight with tinybox (layer problem?)
Hey everyone,
I'm trying to apply the
map highlight plugin inside a ready box with html code in it (using tinybox:
http://www.leigeber.com/2009/05/javascript-popup-box/).
The problem is it's just letting me click the area but not drawing over the tinybox image so the "highlights" arent's visible.
also tried with thickbox (just in case) and unfortuantely I'm getting the same results..
I know this:
1. the code works correctly outside of the box.
2. tinybox works good on it's own and i can put any html inside (that i've tried so far).
3. map highlight works partially on my script - that is it finds the area and lets me click it, but no highlighting is visible.
from experimenting i get the next:
a. if i load the same map in and out of the tinybox i can mouse over the correct spot inside tinybox and see the highlight in the background, on the original layer of html
b. I get the feeling it's somehow connected to the z-index of the maphighlight - if only there was a way to set it.
here is the relevant part from my script (it's all in a bigger js file):
-
function showMe(){
var content2 = '<img class="map" src="sh2.gif" width="1087" height="611" usemap="#world"><map name="world"><area shape="poly" title="area 54" alt="area 54" href="#" coords="0,0, 600,0, 600,200, 0,200" /></map>';
TINY.box.show(content2,0,0,0,0);
}
and here is the same code with thickbox:
index.htm:
-
<a href="map.html?KeepThis=true&TB_iframe=true&height=400&width=600" class="thickbox">
map.html:
-
<img class="map" src="sh2.gif" width="1087" height="611" usemap="#world">
<map name="world">
<area shape="poly" title="Antarctica" alt="Box1" href="#" coords="0,0, 600,0, 600,200, 0,200" />
</map>
Can anyone help me with this ?
(p.s.: I hope the developer of map highlight plugin will hear me..)
Pavel Savchenko
- js+jquery newb