You will recieve your password to this address. Address is not made public.

Your preferred username that is used when logging in.

Forum user: Aramaki

Basic information

Registered Sep 11, 2009
Last login 4 weeks and 6 days ago
Forum posts 25
Direct URL http://www.flowplayer.org/forum/users/15422

Latest forum posts

Posts:

Registered:

» Pass specific trigger into onBeforeShow

Posted: 10 days ago

The right way is to use this.getTrigger()

Code sample

	$(".examples .info img").tooltip({
		tip: '#tooltip',
		effect: 'toggle',
		lazy: false,
		fadeOutSpeed: 0,
		predelay: 400,
		delay: 100,
		offset: [-5, 0],
		onBeforeShow: function() {
			$("#tooltip").html(this.getTrigger().next().html());
		},
		position: "top center",
		api: true
	});

Posts:

Registered:

tooltip for Ajax-loaded triggers - jQuery live?

Posted: 10 days ago

I have 5 triggers and they work fine with this after document ready


function InitTooltip(reload) {
	$(".examples .info img").tooltip({
		tip: '#tooltip',
		effect: 'toggle',
		lazy: false,
		fadeOutSpeed: 0,
		predelay: 400,
		delay: 100,
		offset: [-5, 0],
		onBeforeShow: function() {
			$("#tooltip").html(this.getTrigger().next().html());
		},
		position: "top center",
		api: true
	});
}

but when I load 5 more - tooltip doesn't work for them

Initiating InitTooltip() right after Ajax loading triggers doesn't help

I tried using jQuery live()


function InitTooltip(reload) {
	$(".examples .info img").live("mouseover", function() {
		$(this).tooltip({
			tip: '#tooltip',
			effect: 'toggle',
			lazy: false,
			fadeOutSpeed: 0,
			predelay: 400,
			delay: 100,
			offset: [-5, 0],
			onBeforeShow: function() {
				$("#tooltip").html(this.getTrigger().next().html());
			},
			position: "top center",
			api: true
		});
	});
}

It makes all tooltips (even Ajax-loaded) appear but they fire only after second mouseover

My new idea is unload all tooltips after Ajax-load and start them again but I can't find any way to unload or disable already started .tooltip()

How do I unload already loaded tooltips?

Posts:

Registered:

Pass specific trigger into onBeforeShow

Posted: Dec 15, 2009

Hi, dear all.

I hope you can show me the way to the solution of the following proble^

I have multiple triggers and its contents on the page

How do I link specific content to trigger?

I guest I can grab it through $(Obj).parents('div').find('.content') but how do I pass the trigger Obj?


	<div class="item">
		<div class="trigger">some text</div>
		<div class="content">some content some content some
 content some content some content </div>
	</div>
	<div class="item">
		<div class="trigger">another text</div>
		<div class="content">another content another content
 another content another content </div>
	</div>
	<div id="tooltip"> </div>



$(function() {
	if ($(".trigger").length) {
		$(".trigger").tooltip({
			tip: '#tooltip',
			lazy: false,
			onBeforeShow: function() {
				$("#tooltip").html()
			}
		}).dynamic({
			bottom: {
				direction: 'down',
				bounce: true
			}
		});
	}
}

Posts:

Registered:

prev/next link stop working being wrapped with span

Posted: Nov 10, 2009

Hi all.

The problem is the following: I have simple horizontal scrollable with prev and next controls under it - it works ok.

But when I wrap controls with div or span for some styling they stop working - they are shown always and have no effect on scrollable


   $("div.scrollable").scrollable({
		size : 1
   });
Working

<div class="frame">
	<div class="scrollable">  
		<div class="items">
			<div class="item">
				<p>text</p>
			</div>
			<div class="item">
				<p>text</p>
			</div>
		</div>
	</div>
	<a class="prevPage browse left">left</a> 
	<a class="nextPage browse right">right</a>
</div>

Not working

<div class="frame">
	... 
	... 
	... 
	<span>
		<a class="prevPage browse left">left</a>
		<a class="nextPage browse right">right</a>
	</span>
</div>

Posts:

Registered:

» » » » » » » » » Close tooltip by clicking button inside tooltip

Posted: Oct 30, 2009

Didn't understand your "Have you an example of the above" but you're welcome ^_^

Posts:

Registered:

» » » » » » » Close tooltip by clicking button inside tooltip

Posted: Oct 30, 2009


.trigger {
}
.tooltip {
	background:transparent url(../img/ballon5.gif) no-repeat scroll 0 0;
	width:235px;
	height:128px;
	padding-bottom: 5px;
	display:none;
	z-index: 100;
	color: #666666;
	position: absolute;
	font-size: 13px;
}
.tooltip .close {
    float: right;
    margin: 10px 6px 0 0;
    cursor: pointer;
}
.tooltip p {
    margin: 0 15px 0 45px;
	font-size:13px;
}



<div class="tooltip">
	<img src="/Content/img/close2.gif" class="close" />
	<p>some text</p>
	<p>some text</p>
	<p>some text</p>
</div>



var api = $(".trigger").tooltip({
    tip: '.tooltip',
    effect: 'fade',
    fadeOutSpeed: 100,
    predelay: 400,
    delay: 100,
    position: "bottom right",
    offset: [-35, 10],
    api: true
});

$("img.close").click(function() {
    $(this).parents(".translation").find(".trigger").tooltip().hide();
});

Posts:

Registered:

Opera

Posted: Oct 16, 2009

Because of Opera returning wrong value of window.height() (it returns html height instead) overlay is not actually centered with top: 'center'

it's possible if you have long document (3 screens) and you are on the top of it overlay will appear on the 2nd screen so you can't see it

My solution is manual defining var center for all except opera and 50% for opera

see http://www.pithill.org/kuvat/opera9.5_jquerybug.png

Posts:

Registered:

» IE6 support for Overlay?

Posted: Oct 9, 2009

have the same problem :(

Posts:

Registered:

» IE6 + tooltip + select boxes = fail

Posted: Oct 9, 2009

same problem with lates version of tooltip

Posts:

Registered:

Another default close button for overlay

Posted: Oct 7, 2009

Overlay has nice default close buttons O with X inside.

I use overlay to replace default alert messages and have to write manualy


<div id="someid" class="message">
<div>Some error happened.</div>
<div class="button"><button>Close</button></div>
</div>

What about another default button with customizeable text?

see imagehttp://img18.imageshack.us/img18/8875/overlayn.png

Posts:

Registered:

» » » » Any plans for a dialog module?

Posted: Sep 23, 2009

hmmm, didn't think about overlay.

tooltip is closing on mouseout

Posts:

Registered:

» » Any plans for a dialog module?

Posted: Sep 23, 2009

Login window or some error messages would be great with proper customizeable dialog

window.alert is too simple :) and u can't login through it

or some tooltip with lots of text that needs to be scrolled

Posts:

Registered:

Any plans for a dialog module?

Posted: Sep 23, 2009

better than jQuery ???

Posts:

Registered:

» » » » Close tooltip by clicking button inside tooltip

Posted: Sep 17, 2009

Made it working, but now there's another problem

api.hide() does it with default delay settings - if I set delay: 10000 then after clicking close button tooltip doesn't close instantly

tried this but it doesn't help


$("a.close").click(function() {
    $(this).parents(".translation").find(".trigger").tooltip({ fadeOutSpeed: 10, delay: 0, api: true}).hide();
});

Posts:

Registered:

» » » » » » Close tooltip by clicking button inside tooltip

Posted: Sep 17, 2009

that's interesting. when I created a separate page with only tooltip everything worked fine.

So I guess the promblem is in conflicting few JS-files that i have

Thanks a lot for help :)