Karl,
This is my directories structure:
clueTip
/css
/images
/loader.gif
/js
/ jquery.js and so on
/ jquery.cluetip.js
/ alt-demo.js
Using this code:
- html:
<a class="cluetip_Help" rel="http://localhost/local/cluetip/ajax4.cfm";>
Testing clueTip plugin
</a>
- jquery.cluetip.js:
...
attribute: 'rel',
...
waitImage: 'wait.gif'
- alt-demo.js:
...
$('.cluetip_Help').cluetip({attribute: 'rel', hoverClass: 'highlight',
arrows: true, dropShadow: false, waitImage: '../images/loader.gif'});
don't display loader.gif image. Using several path(/images, ../../images,
and so on) occurs the same: the IE cross image.
Your code is very simple:
$('<img src="' + defaults.waitImage + '" />')
.attr({'id': 'cluetip-waitimage'})
.css({position: 'absolute', zIndex: '1001'})
.appendTo('body')
What's wrong?
Cheers.
2007/7/23, Karl Swedberg <[EMAIL PROTECTED]>:
On Jul 23, 2007, at 9:05 AM, Klaus Hartl wrote:
Karl, maybe that's because the title is removed no sooner than the content
for the tip is loaded? Just guessing...
absolutely. I think you're spot on with that. Will work on this as soon as
I have some time to breathe.
While I was browsing through the code I saw that you're using ids in the
cluetip div creation: "cluetip-inner" etc. As this is used several times,
that should be classes IMHO. Unless I'm totally off here and you're reusing
the same div for all tooltips.
Like you said before, Klaus, you should have known me better. :-D
I took the approach of creating only one cluetip and then replacing its
contents when it's shown. look at around line 133:
if (!$cluetip) {
//one instance of the cluetip elements (container, outer wrapper,
inner wrapper, title, etc.) are built in here
}
Cheers,
--Karl
_________________
Karl Swedberg
www.englishrules.com
www.learningjquery.com
