Threaded Mode | Linear Mode

rayray1940

Hi everyone,

I'm trying to attach some tooltips to checkboxes on my page, yet it just doesn't show. I tried both with and without the

JS Code

position: { target: 'mouse' }}

but both fail.

Thanks for your help in advance.

Ray.

***Craig***

Hi again RayRay,

could you provide me with the rest of the code your using? As well as the HTML code of the elements you're trying to create the tooltips on? Thanks.

rayray1940

Thanks Craig for the response. Here is my testing code, which fails in both FF3 and the buggy IE7. Note that something does show up over the button, but nothing on checkbox.

JS Code

<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.qtip-1.0.0-beta2.min.js"></script>
</head>
<body>
   <input type="button" value="show a tip on me"/>
   <input type="checkbox" value="show a tip on me"/>   
   <script type="text/javascript">
      $(document).ready(function() {
         $("input").qtip({
            content: {
               text: "Something here...",
               title: {
                  text: "qTip"
               }
            },
            position: {
               target: 'mouse'
            }
         });
      });
   </script>
</body>
</html>

It would be very helpful if I can display a description over the checkbox on my page. Thanks so much for the plugin. Big Grin

***Craig***

Seems to be yet another problem caused by the selector bug... for now use the each() method to apply tooltips to multiple elements. Really need to roll out beta3 soon that fixes this!

JS Code

$(document).ready(function()
{
   $("input").each(function()
   {
      $(this).qtip({
         content: {
            text: "Something here...",
            title: {
               text: "qTip"
            }
         },
         position: {
            target: 'mouse'
         }
      });
   });
});

rayray1940

Thanks Craig.

I've updated to beta3.1 (the min version) now. However, the behavior is still not as expected.
For IE, the code runs but when I mouse over the checkbox, an error message is thrown saying:
Line: 62
Error: 'pageX' is null or not an object

It works fine in FF without the error. For Opera and Safari, nothing show up.

Please advice the remedy. Thanks a lot!

craig Wrote:Seems to be yet another problem caused by the selector bug... for now use the each() method to apply tooltips to multiple elements. Really need to roll out beta3 soon that fixes this!

JS Code

$(document).ready(function()
{
   $("input").each(function()
   {
      $(this).qtip({
         content: {
            text: "Something here...",
            title: {
               text: "qTip"
            }
         },
         position: {
            target: 'mouse'
         }
      });
   });
});

Possibly Related Threads...
Thread:		Author	Replies:	Views:	Last Post
	[Solved] How to make qTip work with AJAX and a "enable/disable" checkbox?	xzuttz	4	750	24th August 19:04 Last Post: Craig
	synchronize checkbox states	wasser	0	267	20th June 07:51 Last Post: wasser
	qtip on a disabled checkbox	doze	4	935	17th December 01:25 Last Post: Craig