Hello,
first: thanks :)
It doesn't work still ... it shows the tooltip without an title and
with [Object object] as content ... in IE7 and IE6 it doesnt show any
tooltip ... :(
On 21 Dez., 19:31, Karl Swedberg <[EMAIL PROTECTED]> wrote:
> 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 Swedbergwww.englishrules.comwww.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!
