[jQuery] Re: Problems with clueTip

[Karl Swedberg]

Do you have a page that I can look at? I'm not sure what the problem  
could be at this point. Have you seen the example (#6) on the demo  
page that uses local content?

http://plugins.learningjquery.com/cluetip/demo/

A comparison of your attempt and the demo might help. I'd be happy to  
help further, but I think I'll need more information.

--Karl



On Dec 22, 2007, at 10:19 AM, firstlor wrote:


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!