1.2.0 problems? Created May 6, 2010

where do you see the opacity bug and with what browser?

and yes. the tooltip behaviour is now different in 1.2/Forms. In previous version. In previous version a same tooltip element was used by all fields by default.
http://flowplayer.org/tools-1.1/demos/tooltip/form.html

Now a separate element is auto-generated for each field. This leads to a simpler architecture in code and makes the tooltips works more smoothly in various situations. You can use a same tooltip element in this version too. Like here:

http://flowplayer.org/tools/demos/tooltip/table.html

Which will lead to similar behaviour as in 1.1. Haven't tested that with forms.

There is another little fix in 1.2. When you focus a field and then move the mouse over the tooltip it won't disappear upon mouseout. Like it did in 1.1.

Ok, it seems opacity and fade together are not working. I get transparent tooltips with opacity: 0.7, but when I add the fade effect without changing anything else the transparency is lost. Tested in IE8 and FF3.5.

Going to test the other thing (same tooltip with forms) later.

try configuring slideFade: true. See:

http://flowplayer.org/tools/tooltip/slide.html

does that fix it?

Slide with slideFade: true works.
So, to summarize:
Transparency works:
$('a[title]').tooltip({position: 'top right', offset: [0, 0], opacity: 0.7});
Transparency works:
$('a[title]').tooltip({position: 'top right', offset: [0, 0], opacity: 0.7, effect: 'slide', slideFade: true });
Transparency does not work - but worked in 1.1:
$('a[title]').tooltip({position: 'top right', offset: [0, 0], opacity: 0.7, effect: 'fade'});

Ya, I have the same problem with combing effect:'fade' with opacity. The fade effect cancels any settings I make to the opacity.

I tried the following, as was suggested above:

$('img[title]').tooltip({position: 'top right', offset: [0, 0], opacity: 0.7, effect: 'slide', slideFade: true });

However, the tooltip just defaults to the browser's tooltip. I get not'n. Is there any thing special I need to do with the CSS?

Thanks,
Sam

The slide effect is not part of the tooltip by default. Did you include it?

Tried to use the same tooltip in a form as you suggested, but could not make it to use the title texts of the individual elements.
Is it possible to do that?

On the other hand the following gives a result similar to what I want, so I will use this:
events: {
def: "mouseover,mouseout",
input: "focus mouseover,blur mouseout",
widget: "focus mouseover,blur mouseout",
tooltip: "mouseover,mouseout"
}

wanted to say I'm experiencing the same thing, when setting an opacity and using the fade effect, the tooltip always fades in to 100%

$('#pg-thumbs a').tooltip(
{
	opacity: 0.7,
	effect: 'fade',
	position: 'bottom center',
	predelay: 1000,
}
);

this is now fixed and committed to github

http://github.com/jquerytools/jquerytools/commit/cec9dc09f2dcb2ecad550eb6283c855c2ed13016#diff-0

will be out in v1.2.2.

thanks!

It works now.
Thank you!