I am using an image map with an "area" ID to work with jquery.
This script below is using "mouseenter" and "mouseleave" and i am trying my best to change it to "click". So when a user click the area on the image the hidden DIV shows up and when he clicks on another "area" it hides to show to relevant div ID.
basically each area in the image map suppose to show a hidden div with short text.
also if there is away to include all the area id's instead of writing one after the other i would be thankful as i have 26 rooms to include.
Maybe i did not explain the issue good enough...I will explain again.
i have a large image of a building. I am using an image map on that image (usemap="#Map") so that when a user mouse-over the a particular apartment number it shows the relevant text describing the apartment e.g. apartment-1, apartment-2 until apartment-20.
The script i posted above is a script that uses mouseover to show/hide the relevant content DIV.
What i am after is:
when the user mouse-over it should show the relevant DIV with the text. It should not hide when the user mouse-out but only when the user click on another area in the image (the building).
that's all. i added that it would be great if there is a way to shorten the code instead of writing it for each apartments.
hope that make sense? thank you so much guys!
0
ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.
One of a set of tools we're offering as a way to say thank you for being a part of the community.
<<when the user mouse-over it should show the relevant DIV with the text. It should not hide when the user mouse-out but only when the user click on another area in the image (the building). >>
The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.
One of a set of tools we're offering as a way of saying thank you for being a part of the community.
Make it
$(document).ready(function
$('#room16').click(functio
$('#room16_text').fadeIn('
});
$('#room16').mouseleave(fu
$('#room16_text').fadeOut(
});
});