Nazgulled, I understand exactly what u are after. They key to the solution is interface animation's stop() method. I guess it will take some work to get this done, and i sincerely can't squeeze in enough time to ponder around for a solution. So, i would leave this for other jquery experts here, or request you to try along the lines of the stop() method.
-GTG On 8/11/07, Nazgulled <[EMAIL PROTECTED]> wrote: > > > The hoverintent plugin won't help, because the "hover event" will only > take place after a while when the user hovers the mouse and I can't > have that, I need the event to be fired just when the mouse is over, > so that plugin is out. > > And I though you already knew that I'm using animate() method from > interface... I just don't have a clue on how to make this animation > work as I want it. I don't need to stop the animation I just need to > prevent it from running. I mean, all I want is a nice and "correct" > animation, without any loops and no matter how many times I move the > mouse over and out, the last animation must be the one corresponding > the mouse's last movement. > > Please someone help me out, I have no Idea to achieve this animation > in a coherent fashion. > > On Aug 12, 12:17 am, "Ganeshji Marwaha" <[EMAIL PROTECTED]> wrote: > > Hi, the demo that is posted was just a way to approach that problem... > > > > As i mentioned already, you can use the hoverIntent plugin to approach > it as > > well... > > > > If you are fine to use interface plugin, then you can use interface's > > animate() method, coz, that allows you to stop animation in between... > > > > Hope that helps. > > > > -GTG > > > > On 8/11/07, Nazgulled <[EMAIL PROTECTED]> wrote: > > > > > > > > > Can anyone help me with this? > > > > > On Aug 10, 8:06 pm, Nazgulled <[EMAIL PROTECTED]> wrote: > > > > It doesn't really work as expected. Let's say you increase the time > it > > > > takes to do the animation (it's easier to see the problem). You move > > > > the mouse over, then out and then back over, all this while the > first > > > > "mouse over animation" is being executed. You'll notice that the > > > > "mouse out" animation will be executed when the "mouse over" > animation > > > > finishes. I mean, yes, I moved hte mouse over and out a few times, > but > > > > the last movement was "mouse over" while the first animation ov > "mouse > > > > over" was being executed, and I don't think that the "mouse out" > > > > animation should have been executed in this case. Also, sometimes > the > > > > functions stay unbinded for some reason and for them to work again, > a > > > > page refresh is needed... > > > > > > On Aug 10, 7:25 pm, "Ganeshji Marwaha" <[EMAIL PROTECTED]> wrote: > > > > > > > I have put together a demo. > > > > > > >http://www.gmarwaha.com/test/other/testHoverAnchorInAndOutFast.html > > > > > > > Have fun, and lemme know if this works for u. > > > > > > > -GTG > > > > > > > On 8/10/07, Nazgulled <[EMAIL PROTECTED]> wrote: > > > > > > > > I think I understood what you said, but I just can't find a way > to > > > > > > code it... Coud you provide me with a simple example on how to > do > > > it? > > > > > > Let's say I have the following code: > > > > > > > > $("a#testlink").mouseover(function() { > > > > > > $("div#testbox").animate({ color: '#000000' }, 1000); > > > > > > }); > > > > > > > > $("a#testlink").mouseout(function() { > > > > > > $("div#testbox").animate({ color: '#ffffff' }, 1000); > > > > > > }); > > > > > > > > How would you do it? > > > > > > > > On Aug 9, 9:31 am, "Ganeshji Marwaha" <[EMAIL PROTECTED]> > wrote: > > > > > > > there are several ways you can solve this problem... Let me > try > > > and > > > > > > guide u > > > > > > > through a couple > > > > > > > > > 1. There is a plugin called hover > > > > > > > intent< > http://cherne.net/brian/resources/jquery.hoverIntent.html>. > > > > > > > The primary purpose of this plugin is to stop these kind of > > > actions on > > > > > > > unintentional hovers. > > > > > > > So, you can allow the user to move the mouse over ur link, and > > > when it > > > > > > is > > > > > > > clear that the users intention is to actually use the link, > the > > > hover > > > > > > event > > > > > > > is fired. This can solve your problem although, this might not > be > > > what > > > > > > you > > > > > > > are looking for. > > > > > > > > > 2. You can unbind the mouseover event when the animation > starts > > > and in > > > > > > the > > > > > > > animation end callback you can bind the handler again. Same > can be > > > done > > > > > > for > > > > > > > mouse out as well. This way if the user mouseovers the link, > the > > > unbind > > > > > > > event happens and the animation starts. During this time if > the > > > user > > > > > > hovers > > > > > > > over it again and again, your handler wont be called because > you > > > have > > > > > > > unbound it already. Once the animation is done, attach the > handler > > > > > > again. > > > > > > > > > -GTG > > > > > > > > > On 8/8/07, Nazgulled <[EMAIL PROTECTED]> wrote: > > > > > > > > > > I'm using the Interface Elements plugin (just the IFX one) > to > > > create > > > > > > > > some animations in my scripts but I have a little problem. > For > > > better > > > > > > > > descriptiong of the problem here's a test page: > > > > > > > > > >http://stuff.nazgulled.net/misc/test/ > > > > > > > > > > You'll see a link named "TESTE LINK". Please move the mouse > over > > > the > > > > > > > > link and out a couple of times really quick. > > > > > > > > > > What happened? The mouseover and mouseout animations were > > > executed > > > > > > > > many times has you moved the mouse over and out of the link. > > > Well, if > > > > > > > > you move the mouse over, out, over, out, over and out, while > the > > > first > > > > > > > > animation is still being done, I want this to be only done > once > > > and > > > > > > > > not repeatedly. Basically the animation over and out would > be > > > done > > > > > > > > just once. > > > > > > > > > > Do you understand what I'm saying? I hope so... > >
