Question

I’m using a javascript tooltip provided by jqueryTOOLS to give tool tips within a form.

For some form elements that do not require a tool tip I want to leave the title string blank, however if I do this then it causes disruption in the subsequent elements of the form – almost as if it is treating them as a tool tip: on mouseover an element with no title string it moves the following element’s position to hover next to the field, then when no longer focused it disappears permanently.

My tooltip code:

$(function() {
$("#myform :input").tooltip({
position: "center right",
offset: [-2, 10],
effect: "fade",
opacity: 0.7
  });
});

As you have probably guessed this tool tip is based on the ‘title’ attribute of a field.

After having included

<script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>

in the header.

Hopefully my description of events made sense!

Thanks in advance for any help

Answer 1

I figured it out:

The trigger element was defined to all inputs, so it was using the next as a tooltip in the lack of a title element.

Just a bug on the party of jqueryTOOLS but an easy solution:

replace

$("#myform :input")

with

$("#myform :input[title]")

Hope this helps someone else