Comments on: clueTip Plugin Beta

By: mmalaka

mmalaka — Tue, 01 Jul 2008 16:10:50 +0000

I tried this for the Image Map on the Area tag and still it is not working, I can not see the tooltip I can only see the standard one…

Any advice

By: Antreas

Antreas — Thu, 22 May 2008 19:54:21 +0000

karl it worked like a charm. thanks man you are a life and time saver.

By: Karl Swedberg

Karl Swedberg — Thu, 22 May 2008 12:37:08 +0000

Hi Antreas, What you need to do to pass a variable to the PHP page is to use the ajaxSettings clueTip option, which is just a surrogate for $.ajax(). So something like this should work:

$('someelements').cluetip({
    ajaxSettings: {   
        dataType: 'html', // <-- change this if a different  data type is being returned
        data: "name=Karl&location=Siberia"
    }
});

You can read more details about the ajax method and see more examples of the data option in the jQuery documentation. Hope that helps.

By: Antreas

Antreas — Wed, 21 May 2008 18:56:16 +0000

Hi all thanks for this wonderfull plugin.
I have a problem trying to make it load content from a php page. Basically i have the same problem as John in posts 12 and 13. I can’t get it to call a php page which queries a database and shows the results. Only the static parts of the php page called are shown. Have anyone found a solution about this?
Thanks.

By: KLaus

KLaus — Wed, 14 May 2008 14:39:58 +0000

Hi,
is it possible to load content of external file for a link preview?

thanks
Klaus

By: Jon

Jon — Thu, 08 May 2008 09:55:10 +0000

I'm having troubles with getting the cluetips to appear, specifically just with the area tag. In my attempts, the problem occurs in IE 6 and 7 (works fine with firefox/safari). From the looks of thing's I don't seem to be the only person experiencing difficulties. So has anyone found a solution or a workaround for this? My code looks like this:

<script type="text/javascript">
$(document).ready(function(){
	$('area.projects-s').cluetip({cluetipClass: 'rounded', dropShadow: false, sticky: true, ajaxCache: false, arrows: true, width: 275});
	$('area.projects-m').cluetip({cluetipClass: 'rounded', dropShadow: false, sticky: true, ajaxCache: false, arrows: true, width: 350});
	$('area.projects-l').cluetip({cluetipClass: 'rounded', dropShadow: false, sticky: true, ajaxCache: false, arrows: true, width: 425});
});
</script>

    <div id="map">
        <img src="map_page_test.jpg" border="0" usemap="#Map" />
	<map name="Map" id="Map">
            <area shape="rect" class="projects-s" coords="458,249,471,263" href="ajax1.htm" rel="ajax1.htm" />
            <area shape="rect" class="projects-m" coords="489,298,502,312" href="ajax2.htm" rel="ajax2.htm" />
            <area shape="rect" class="projects-l" coords="462,327,475,342" href="ajax3.htm" rel="ajax3.htm" />
            <area shape="rect" class="projects-s" coords="507,342,519,356" href="ajax4.htm" rel="ajax4.htm" />
            <area shape="rect" class="projects-l" coords="475,393,489,408" href="ajax5.htm" rel="ajax5.htm" />
            <area shape="rect" class="projects-m" coords="555,413,565,425" href="ajax6.htm" rel="ajax6.htm" />
        </map>
    </div>

By: erwan

erwan — Thu, 24 Apr 2008 16:32:30 +0000

Hi, used the map technique with ids

But seems that the default shape doesn’t create cluetips.

any hint ?

By: haidah

haidah — Tue, 26 Feb 2008 10:11:35 +0000

my image magic working but not working if i’m using explorer can someone help

By: Rob

Rob — Tue, 29 Jan 2008 19:50:41 +0000

I got it working with image maps. Great plugin! Hope this helps someone else out. - Rob jQuery code:


$(document).ready(function() {
    $('area.tips').cluetip({
        splitTitle: '|',
        arrows: true,
        dropShadow: false,
        cluetipClass: 'jtip'
    }) ;
}) ;

HTML


<map>
    <area shape="rect" 
        coords="269,432,277,440"
        href="link.html" 
        alt="my alt tag"
        title="Title|Content"
        class="tips" />
</map>

By: Rob

Rob — Tue, 29 Jan 2008 19:19:33 +0000

I have the same issue as Paul regarding image maps. Can you please post an example?
Thanks.