Hi firstlor,
I think the problem in your situation might be that you're setting the
clueTip to use both the title attribute ( using splitTitle: '|' ) and
the local element ( using local: true ). I cleaned up your options
map, removing redundant or conflicting options. Please try this
version and let me know if you still experience the problem:
// Tipps für die Hilfen auf Icons:
$('a.help').cluetip({
cluetipClass: 'jtip',
arrows: true,
dropShadow: false,
leftOffset: 20,
fx: {
open: 'fadeIn', // can be 'show' or 'slideDown' or
'fadeIn'
openSpeed: ''
},
local: true,
hideLocal: true,
});
/****************
Here are the options that I removed:
hoverIntent: false, // <-- you later set hoverIntent with the
default settings
//sticky: true, // <-- this is commented out anyway
//mouseOutClose: true, // <-- this is commented out anyway
closePosition: 'title', // <-- since sticky: true is commented out,
this is no longer necessary
closeText: '<img src=\"img/delete.gif\" alt=\"Schließen\" />', //
<-- since sticky: true is commented out, this is no longer necessary
splitTitle: '|', // <-- ****** this one is probably the option that
is causing your problems
positionBy: 'auto', // <-- this is 'auto' by default, so
unnecessary
hoverIntent: {, // <-- these are the hoverIntent defaults, so
unnecessary
sensitivity: 3,
interval: 50,
timeout: 0
},
****************/
--Karl
_________________
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Dec 21, 2007, at 7:45 AM, firstlor wrote:
Hello,
I want to use cluetip for displaying tooltips :) If I do it like that,
everything works fine:
[code]
JS:
// Tipps für die Hilfen auf Icons:
$('a.help').cluetip({
cluetipClass: 'jtip',
arrows: true,
dropShadow: false,
hoverIntent: false,
//sticky: true,
//mouseOutClose: true,
closePosition: 'title',
closeText: '<img src=\"img/delete.gif\" alt=\"Schließen\" />',
splitTitle: '|',
positionBy: 'auto',
leftOffset: 20,
fx: {
open: 'fadeIn', // can be 'show' or 'slideDown' or
'fadeIn'
openSpeed: ''
},
hoverIntent: {
sensitivity: 3,
interval: 50,
timeout: 0
},
});
HTML:
<a class="help" title="Löschen|Diesen Bereich und alle darin
enthaltenen Beiträge löschen" href="..."><img src="img/delete.gif"
border="0" /></a>
[/code]
But if I want to use te same content quite often, I want to use the
content from a hidden p, so I used the following:
[code]
Js:
// Tipps für die Hilfen auf Icons:
$('a.help').cluetip({
cluetipClass: 'jtip',
arrows: true,
dropShadow: false,
hoverIntent: false,
//sticky: true,
//mouseOutClose: true,
closePosition: 'title',
closeText: '<img src=\"img/delete.gif\" alt=\"Schließen\" />',
splitTitle: '|',
positionBy: 'auto',
leftOffset: 20,
fx: {
open: 'fadeIn', // can be 'show' or 'slideDown' or
'fadeIn'
openSpeed: ''
},
hoverIntent: {
sensitivity: 3,
interval: 50,
timeout: 0
},
local: true,
hideLocal: true,
});
HTML:
<a class="help" rel="#loadme1" href="..."><img src="img/delete.gif"
border="0" /></a>
<p style="display: none" id="loadme1">Löschen|Diesen Bereich und alle
darin enthaltenen Beiträge löschen</p>
[/code]
But that doesn't work :( Why, what's wrong with it??
Thanks!
