Let me start off by saying how much I love this plug-in! Let me also
state that I am a designer first and coder second ;)
I am having a difficult time getting this to function in the following
scenario:
I have a Flash file that I am using to display multiple company logos.
The list of logos and their link properties are being set in an
external XML file. I am also setting the text content for the clueTip
in the XML file.
I am using clueTip to display company contact info on mouseOver. I
have it working OK in IE, but FireFox requires you to mouse over the
content twice to update the info.
Here is my javascript: (Flash executes the tooltip function using the
getURL method rather then externalInterface - passing in the content
that I then add to the title attribute)
<script type="text/javascript">
function tooltip(input) {
var myTip = document.getElementById('tooltip');
myTip.setAttribute('title',input);
$('#tooltip').cluetip({
splitTitle: '|', showTitle: true, positionBy: 'mouse', cursor:
'pointer', topOffset: '60', width: '250', cluetipClass: 'default',
sticky: true, closePosition: 'title', closeText: '<img src="images/
cross.png" alt="close" />'
});
if(document.createEventObject){
document.getElementById('tooltip').fireEvent("onmouseover");
}else if (document.createEvent){
$('#tooltip').onmouseover('');
}
}
</script>
I believe the issue is in the document.createEvent... Not sure how to
code an event handler for FireFox using onmouseover rather
than .click()...??? It seems like the title gets updated on the first
mouseover but the display doesn't get updated. Mouse-over it a second
time and the tooltip updates/displays correctly.
Any help would be appreciated!
Here is a link to a sample:
http://www.espermedia.com/bp
Also, the tooltips do not refresh when you mouseover each logo. I
assume this is due to the id not getting updated??? How can I
dynamically update the ids and still trigger the clueTip via
javascript?
Finally, I tried this using AJAX calls and used the XML file to simply
pass in the name of the file to load -- adding a 'rel' tag much the
same way I am adding the 'title'... This method caused the wait image
to display and would only show the content when I moused-over the
actual wait image... What am I doing wrong???
