Anyone? :'( On Aug 13, 5:21 pm, Nazgulled <[EMAIL PROTECTED]> wrote: > I used the stop() method just before the animate() one and it works > (in both events) , sort of, like I want... Let's say the animations > are 5000ms, both mouse over and mouse out. I move the mouse over and > let the animation go for 2500ms and then move the mouse out. The mouse > over animation will be stoped and the mouse out animation will start > from that point. However, there's a problem. I stoped the animation at > 2500ms, so, only half of the animation was done. This means that the > mouse out animation will only have half way to animate from that point > and this half animation will take 5000ms instead of 2500. Get the > picture? > > I tried to calculate the time necessary for each animation with lots > of ifs and such, but it doesn't work correctly... Maybe I'm > overanalyzing it, can anyone help me out? > > On Aug 12, 6:22 am, "Ganeshji Marwaha" <[EMAIL PROTECTED]> wrote: > > > 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...
