Comments on: Effect Delay Trick http://www.learningjquery.com/2007/01/effect-delay-trick Getting to know the library of choice for unobtrusive JavaScript Fri, 25 Jul 2008 03:28:08 +0000 http://wordpress.org/?v=2.3.1 By: Paweł Ryznar http://www.learningjquery.com/2007/01/effect-delay-trick#comment-47785 Paweł Ryznar Tue, 20 May 2008 19:53:26 +0000 http://www.learningjquery.com/2007/01/effect-delay-trick#comment-47785 Hi :) may be it's good plugin, but still have some problem. As Brian show some examples, I need more options [I write about Brian's demo] If user move mouse out from one <li> to next <li> I need timeout: 0, but if user move mouse out from #demo3 to other place of site I need higher timeout. I think it would be to complicated to do this by jQuery and I must use only JavaScript with setTimeout function Hi :)
may be it’s good plugin, but still have some problem. As Brian show some examples, I need more options [I write about Brian’s demo] If user move mouse out from one <li> to next <li> I need timeout: 0, but if user move mouse out from #demo3 to other place of site I need higher timeout. I think it would be to complicated to do this by jQuery and I must use only JavaScript with setTimeout function

]]> By: Karl http://www.learningjquery.com/2007/01/effect-delay-trick#comment-47324 Karl Thu, 15 May 2008 20:45:02 +0000 http://www.learningjquery.com/2007/01/effect-delay-trick#comment-47324 Hi Paweł, I'd suggest using Brian Cherne's <a href="http://cherne.net/brian/resources/jquery.hoverIntent.html" rel="nofollow">hoverIntent plugin</a> instead. Hi Paweł,

I’d suggest using Brian Cherne’s hoverIntent plugin instead.

]]> By: Paweł Ryznar http://www.learningjquery.com/2007/01/effect-delay-trick#comment-47250 Paweł Ryznar Thu, 15 May 2008 07:47:57 +0000 http://www.learningjquery.com/2007/01/effect-delay-trick#comment-47250 Hi :) I try to use Jonathan Howard's Pause plugin http://blog.mythin.net/projects/jquery.php in jQuery hover function. For example if I leave cursor from div I would like to have small delay before the function chcange div. I put in code pause() but it doesn't work, because there is no action after setted time. Could somebody help me ? Hi :)
I try to use Jonathan Howard’s Pause plugin http://blog.mythin.net/projects/jquery.php in jQuery hover function. For example if I leave cursor from div I would like to have small delay before the function chcange div. I put in code pause() but it doesn’t work, because there is no action after setted time. Could somebody help me ?

]]> By: Danyal http://www.learningjquery.com/2007/01/effect-delay-trick#comment-37475 Danyal Fri, 04 Apr 2008 13:27:18 +0000 http://www.learningjquery.com/2007/01/effect-delay-trick#comment-37475 Its perfect and cool... i like it :) Its perfect and cool… i like it :)

]]> By: pig23 http://www.learningjquery.com/2007/01/effect-delay-trick#comment-34780 pig23 Tue, 25 Mar 2008 01:03:39 +0000 http://www.learningjquery.com/2007/01/effect-delay-trick#comment-34780 that's great that’s great

]]> By: Karl http://www.learningjquery.com/2007/01/effect-delay-trick#comment-34330 Karl Wed, 19 Mar 2008 18:07:45 +0000 http://www.learningjquery.com/2007/01/effect-delay-trick#comment-34330 Hi Florian, To get that to work, you'll need to use a standard JavaScript setTimeout() method. Or, you could take a look at the hoverIntent plugin: http://cherne.net/brian/resources/jquery.hoverIntent.html Hi Florian,

To get that to work, you’ll need to use a standard JavaScript setTimeout() method. Or, you could take a look at the hoverIntent plugin:
http://cherne.net/brian/resources/jquery.hoverIntent.html

]]> By: Florian http://www.learningjquery.com/2007/01/effect-delay-trick#comment-34298 Florian Wed, 19 Mar 2008 11:26:52 +0000 http://www.learningjquery.com/2007/01/effect-delay-trick#comment-34298 Cool Trick :) Do you have a tip for me how to modify this a little bit? I have a dropdown menu. Do open it I have to click a link which I defined: <code> $("a.btn_options_bar").click(function () { $("div.menu_options").slideToggle("normal"); $("a.btn_options_bar").toggleClass("btn_options_bar_act"); }); </code> So, clicking on the button slides down the menu and sets the button to active status. Clicking again sets everything back. The menu consists of an div > .menu_options within this div there is a list (ul/li). To close the menu you have to click again. But I also want to hide the menu when I move out of the ul/li area after 1 sec. Hence I tried something with mouseout but the event starts at once. Any idea how to realize that kind of functionality? thanks indeed! Cool Trick :)

Do you have a tip for me how to modify this a little bit?

I have a dropdown menu. Do open it I have to click a link which I defined:

$("a.btn_options_bar").click(function () {
$("div.menu_options").slideToggle("normal");
$("a.btn_options_bar").toggleClass("btn_options_bar_act");
});

So, clicking on the button slides down the menu and sets the button to active
status. Clicking again sets everything back. The menu consists of an div > .menu_options
within this div there is a list (ul/li).
To close the menu you have to click again. But I also want to hide the menu when I move
out of the ul/li area after 1 sec. Hence I tried something with mouseout but the event starts at
once. Any idea how to realize that kind of functionality?

thanks indeed!

]]> By: ctraos http://www.learningjquery.com/2007/01/effect-delay-trick#comment-32899 ctraos Fri, 07 Mar 2008 15:12:03 +0000 http://www.learningjquery.com/2007/01/effect-delay-trick#comment-32899 exelente plungin, muchas gracias, saludos desde Chile!! exelente plungin, muchas gracias, saludos desde Chile!!

]]> By: gtraxx http://www.learningjquery.com/2007/01/effect-delay-trick#comment-24674 gtraxx Wed, 19 Dec 2007 00:59:14 +0000 http://www.learningjquery.com/2007/01/effect-delay-trick#comment-24674 Great, I have adapted to perform some additional tasks : <code>$('#dirConnect a#noframe').click(function (e) { e.preventDefault(); var answer = $('#url_connex'); if (answer.is(':visible')){ answer.slideUp(400); //alert("La fenêtre de connexion est fermée"); $('#connect_msg').html("La fenêtre de connexion est fermée").css({ border:"1px solid red" ,color:"red" }).insertAfter( $(this) ).fadeIn('slow').animate({opacity: 1.0}, 3000).fadeOut('slow'); }else{answer.slideDown(400); //alert("La fenêtre de connexion est ouverte"); $('#connect_msg').html("La fenêtre de connexion est ouverte").css({ border:"1px solid orange" ,color:"orange" }).insertAfter( $(this) ).fadeIn('slow').animate({opacity: 1.0}, 3000).fadeOut('slow'); } return false; });</code> Great, I have adapted to perform some additional tasks :
$('#dirConnect a#noframe').click(function (e) {
e.preventDefault();
var answer = $('#url_connex');
if (answer.is(':visible')){
answer.slideUp(400);
//alert("La fenêtre de connexion est fermée");
$('#connect_msg').html("La fenêtre de connexion est fermée").css({ border:"1px solid red" ,color:"red" }).insertAfter( $(this) ).fadeIn('slow').animate({opacity: 1.0}, 3000).fadeOut('slow');
}else{answer.slideDown(400);
//alert("La fenêtre de connexion est ouverte");
$('#connect_msg').html("La fenêtre de connexion est ouverte").css({ border:"1px solid orange" ,color:"orange" }).insertAfter( $(this) ).fadeIn('slow').animate({opacity: 1.0}, 3000).fadeOut('slow');
}
return false;
});

]]> By: Code4Gold http://www.learningjquery.com/2007/01/effect-delay-trick#comment-22391 Code4Gold Wed, 28 Nov 2007 18:35:04 +0000 http://www.learningjquery.com/2007/01/effect-delay-trick#comment-22391 When I found this article, I was looking for a lightbox script with a fader but I'm glad I came across this because I wasn't familiar with JQuery library. Within 10 minutes of reading this article I was using JQuery library and the example here was a great start for somebody already familiar with JavaScript and coding to show the basic power of this great tool. Thanks for the article !! When I found this article, I was looking for a lightbox script with a fader but I’m glad I came across this because I wasn’t familiar with JQuery library. Within 10 minutes of reading this article I was using JQuery library and the example here was a great start for somebody already familiar with JavaScript and coding to show the basic power of this great tool.

Thanks for the article !!

]]>