tooltips dissapearing IE and Firefox

[GoogleCodeExporter]

What steps will reproduce the problem?
1. Go to http://small.cfcms.nl/ and move your mouse over the 6 small thumbs 
left below (under the menu and news)
2.
3.

What is the expected output? What do you see instead?
There is a tooltip attached to these thumbs. Only safari and chrome shows them. 
IE and firefox won't show the tooltips

What version of the product are you using? On what operating system?
VERSION: 1.5 LAST UPDATE: 26.07.2010

Please provide any additional information below.
Also I use all jquery files in one lonf file (see source page). If I attache 
the rotate script jquery don't start

Really nice idea :_)

Original issue reported on code.google.com by cfconsul...@gmail.com on 16 Aug 2010 at 7:48

[GoogleCodeExporter]

Main problem is that Safari/Chrome is using simple CSS3 attribute, but other 
browsers have special wrapping designed just for them. This does not work well 
with tooltips that you using. I need to see documentation of that tooltips, but 
anyway as I saw they using custom-made attributes so nothing surprising for me 
that this does not work :)

Original comment by wil...@gmail.com on 17 Aug 2010 at 8:38

• Changed state: Accepted

[GoogleCodeExporter]

This is the link to the tooltips addon
http://onehackoranother.com/projects/jquery/tipsy/

Original comment by cfconsul...@gmail.com on 17 Aug 2010 at 12:31

[GoogleCodeExporter]

First of all - please separate own code from library code - it makes 
upgrades/debugging much simpler o_O.

Second: to solve this problem you would need to trigger tipsy after 
jQueryRotation has been applied - not before. Currently I cant see what is done 
first but I assume that tipsy are first - thats why result is as you see it. 
Unfortunatelly current approach changes document structure and cant rebind 
events that were on that items before :/

Original comment by wil...@gmail.com on 17 Aug 2010 at 12:42

[GoogleCodeExporter]

I already have that.
all files are original and seperate. I only place them and compress them for 
better performance.
I first load
<script type="text/javascript" src="./cms/js/jquery-rotate.js"></script>
and then the rest
<script type="text/javascript" 
src="./cms/js/jquery.jcarousel.pack.js,jquery.colorbox.js,jquery.nivo.slider.pac
k.js,jquery-paginator.js,cssverticalmenu.js,fastinit.js,media.js,jquery.validate
.js,jquery.youtubeplaylist.js,jquery.tipsy.js,jquery-config.js"></script>
as you can see in the source

Original comment by cfconsul...@gmail.com on 17 Aug 2010 at 2:06

[GoogleCodeExporter]

Another hint here would be - if possible remove any control tags from images - 
to wrapping them containers - as those containers are not changed, but <img> 
element are completly replaced so thats probably reason of why its happening 
like that. This compressed one is fine, however it does not help me seeing what 
is wrong :)

Original comment by wil...@gmail.com on 17 Aug 2010 at 2:44

[GoogleCodeExporter]

[deleted comment]

[GoogleCodeExporter]

Okay.
Found out some more :)
With tooltips and without the rotate the DOM looks lke this

<DIV id=albumblock><A class="imglink thumbblock tooltip" 
href="gallery.html"><IMG src="./cms/temp/mini_fik.jpg" width=60 height=60 
original-title="Fik" jQuery1282069206437="14"></A> so the tooltip will be 
="Fik" 

With rotate enabled it will be

<DIV id=albumblock><A class="imglink thumbblock tooltip" 
href="gallery.html"><SPAN style="POSITION: relative; WIDTH: 60px; DISPLAY: 
inline-block; HEIGHT: 60px" id=null jQuery1282069233609="2"><rvml:image 
style="POSITION: absolute; WIDTH: 60px; HEIGHT: 60px; TOP: 0px; LEFT: 0px; 
rotation: 0" class=rvml src = "./cms/temp/mini_fik.jpg" coordsize = 
"21600,21600"></rvml:image></SPAN></A>

Here I loose the title tag

(source IE8)

Original comment by cfconsul...@gmail.com on 17 Aug 2010 at 6:26

[GoogleCodeExporter]

Here another person with same kind of issue
http://forum.jquery.com/topic/this-wont-work-in-firefox

Original comment by cfconsul...@gmail.com on 17 Aug 2010 at 6:28

[GoogleCodeExporter]

Is that problem fixed ? Because i would like to close some issues here :)

Original comment by wil...@gmail.com on 16 Dec 2010 at 10:39

[GoogleCodeExporter]

No more input from issue author. 

Anyway this is rather a problem of tooltip implmementation, not a jQueryRotate 
where it has to replace dom element internally.

Original comment by wil...@gmail.com on 25 Jan 2011 at 11:42

• Changed state: WontFix