Hello,
I have an image with some <div> tooltip objects that appear on hover when a
user moves a mouse over some areas on the image. Unfortunately, when the
main image is loaded, quite often the tooltips stay visible as well, so
they appear below the main image. I have to refresh the screen to make
them hidden. It becomes quite annoying. They should be hidden each time.
Of course, since they are already visible, they don’t pop-out anymore on
mouse event.
I use the following javascript call in my jsp:
<head>.
….
<script type="text/javascript" src="js/mootools-1.2-core-nc.js"></script>
<script type="text/javascript" src="js/mootools-1.2-more.js"></script>
<script type="text/javascript" src="js/smarthoverbox_1.2v1.js"></script>
<script type="text/javascript">
window.addEvent('domready', function() {
var box = new SmartHoverBox({
boxTimer: 1000,
yOffset: -20,
xOffset: 20,
smartBoxSuffix: '_smartBoxA'
});
});
}
</script>
</head>
Here is an example of a tooltip <div> element:
<area shape="rect" coords="95,244,867,261" title='' id='_areaUID0'>
<div id="_areaUID0_smartBoxA">
<table>
<tr>
<td>
....tooltip info goes here and is formatted in a table
</div>
Anyone has any idea what causes it and how I can fix that?
Thank you,
Egriffinka
--
---
You received this message because you are subscribed to the Google Groups
"MooTools Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to mootools-users+unsubscr...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.
