[jQuery] Re: Hover on different ids

2009-09-27 Thread Geir
On 27 Sep, 12:42, "ryan.j" wrote: > try $('#breadcumb, #nKnapper, #Navigation') instead Excellent :) Works. Thanks!

[jQuery] Re: Hover on different ids

2009-09-27 Thread ryan.j
try $('#breadcumb, #nKnapper, #Navigation') instead On Sep 27, 7:48 am, Geir wrote: > Hi! > I want an div#breadcrumb to animate when some other divs are hovered. > This is my code: > >         var BrHo = $('#breadcumb') + $('#nKnapper') + $('#Navigation'); >         BrHo.hover(function(){ >    

[jQuery] Re: Hover on different ids

2009-09-27 Thread Geir
Firebug says: BrHo.hover is not a function

[jQuery] Re: Hover Not Working As Expected

2009-09-11 Thread Mr Speaker
Your code is fine - I think it has to do with the float cascading to the menu items. If you add in float:none to the children li elements it should work: #NavList li ul li { ... float:none; } On Sep 11, 10:27 pm, GLSmyth wrote: > I am missing something fundamental and am sure that someone can p

[jQuery] Re: Hover does not stop

2009-09-03 Thread Mario
Now it works fine! Thanks a lot to all for your help! $(function(){ var state = 0; $('#navigation').mouseover( function() { if(state == 0) {$(this).animate({left: '0'}, 'slow'); state = 1;}} ); $('#navigation').mouseout( function() {if(state == 1)

[jQuery] Re: Hover does not stop

2009-09-01 Thread amuhlou
Looking at the API the animate does have a callback function that you can use to do the stuff after the animation completes, for example $('#navigation').mouseout( function() { if(state == 1) { $(this).animate({left: '-210'},'slow', 'easein',function(){

[jQuery] Re: Hover does not stop

2009-09-01 Thread Mario
ok, i tried this and this works fairly. but another question is: can i change the state AFTER the animate() is finished? (there are still some problem when i touch certain points while sliding) $(function(){ var state = 0; $('#navigation').mouseover( function() { if(sta

[jQuery] Re: Hover does not stop

2009-08-28 Thread rupak mandal
Try this $(function(){ $('#navigation').hover( function() { $(this).stop().animate({left: '-210'}, 'slow');}, function() { $(this).stop().animate({left: '0'}, 'slow');} ); }); I think that's work On Fri, Aug 28, 2009 at 5:50 PM, rupak mandal wrote: > hi, what I hav

[jQuery] Re: Hover does not stop

2009-08-28 Thread rupak mandal
hi, what I have getting is that hover function is call multiple time till the mouse pointer is inside the div area. May be you try onmouseover and onmouseout. As suggested by paolo. On Fri, Aug 28, 2009 at 4:36 PM, Paolo Chiodi wrote: > > maybe the hover is generated more than once while it is s

[jQuery] Re: Hover does not stop

2009-08-28 Thread Paolo Chiodi
maybe the hover is generated more than once while it is sliding. I would try to add a callback on animation end, setting tha state of the menu: open or closed. then on mouse over animate only if open, on mouse out close only if closed On Fri, Aug 28, 2009 at 12:01 PM, Mario wrote: > > Toggle work

[jQuery] Re: Hover does not stop

2009-08-28 Thread Mario
Toggle works fine. But the problem now is that I always have to click and I wanted the menu ot appear and disappear onmouseover/mouseout.

[jQuery] Re: Hover does not stop

2009-08-27 Thread marksimon
Have you tried replacing hover with toggle? The hover seems to just go nuts for that usage. On Aug 27, 1:38 pm, Mario wrote: > Yes, here it is:http://www.ulmercampus.de/try > > This has position:absolute, but position:relative works similar as > mentioned.

[jQuery] Re: Hover does not stop

2009-08-27 Thread Mario
Yes, here it is: http://www.ulmercampus.de/try This has position:absolute, but position:relative works similar as mentioned.

[jQuery] Re: Hover does not stop

2009-08-27 Thread Mario
This works a little bit better, however, it slides still one more than I want and I cannot access the Menu because it starts to move left immediately.

[jQuery] Re: Hover does not stop

2009-08-27 Thread amuhlou
can you post an example page? it's hard to visualize what's going wrong without seeing it in action. thanks On Aug 27, 8:07 pm, Mario wrote: > This works a little bit better, however, it slides still one more than > I want and I cannot access the Menu because it starts to move left > immediatel

[jQuery] Re: Hover does not stop

2009-08-27 Thread amuhlou
in CSS, try adding position: relative; to the #navigation properties On Aug 27, 7:12 pm, Mario wrote: > Hello everybody, > > I want to create a menu on the left side of the screen. OnMouseOver > the menu should slid in from the left, OnMouseOut the menu should > slide back to the right so that o

[jQuery] Re: Hover Area -> Change image

2009-08-26 Thread Leonard Martin
Yes, you (wheatstraw) just need to remember that attr('src') returns a string and *not* a reference to the src attribute. On Aug 26, 5:16 pm, amuhlou wrote: > I think keeping the source in a variable is the key here, try this: > > $('li.clickable').hover(function() { >         var newsrc = $(t

[jQuery] Re: Hover Area -> Change image

2009-08-26 Thread amuhlou
I think keeping the source in a variable is the key here, try this: $('li.clickable').hover(function() { var newsrc = $(this).find('img').attr('src').replace ("_off","_over"); $(this).find('img').attr({src: newsrc}); }, function() { var oldsrc = $(this).find('img').attr('s

[jQuery] Re: Hover Area -> Change image

2009-08-26 Thread wheatstraw
That worked, thank you so much! On Aug 26, 11:56 am, Leonard Martin wrote: > You're not actually setting the source once you've replaced it: > > $('li.clickable').hover(function() { >         $(this).find('img').attr('src', $(this).find('img').attr > ('src').replace("_off","_over"));}, function(

[jQuery] Re: Hover Area -> Change image

2009-08-26 Thread wheatstraw
OK! we're close... If I attach this to a variable and echo it out, it give's me the correct string. The _off is replaced with _over and the other way around. As I have it below, on hover, the image will not change, no errors (firebug), just doesn't do anything. $('li.clickable').hover(function()

[jQuery] Re: Hover Area -> Change image

2009-08-26 Thread Leonard Martin
You're not actually setting the source once you've replaced it: $('li.clickable').hover(function() { $(this).find('img').attr('src', $(this).find('img').attr ('src').replace("_off","_over")); }, function() { $(this).find('img').attr('src', $(this).find('img').attr ('src').replace("

[jQuery] Re: Hover Area -> Change image

2009-08-25 Thread amuhlou
children() only works for direct children of an element, so if your img is wrapped in an , it won't find the right element. Try using find() instead: $("li.clickable").hover(function() { $(this).find("img").attr("src", $(this).attr("src").split ("_off").join("_over")); }, function() {

[jQuery] Re: Hover Area -> Change image

2009-08-25 Thread wheatstraw
Thanks but it doesn't seem to work... http://localhost/wrt-demo/images/ projects/boxes/13_off.jpg" alt="Abuja Master Plan" /> http://localhost/wrt-demo/projects/detail/ Abuja-Master-Plan/13">Abuja Master Plan $(".clickable").hover(function() { $(this).children("img").at

[jQuery] Re: Hover Area -> Change image

2009-08-25 Thread Liam Potter
It's because you have targeted the image as the hover area rather then the li, use this instead $("li.clickable").hover(function() { $(this).children("img").attr("src", $(this).attr("src").split("_off").join("_over")); }, function() { $(this).children("img").attr("src", $(thi

[jQuery] Re: Hover function issue

2009-08-14 Thread Geir
Thanks! You're right, css is a good solution.. Thanks again!

[jQuery] Re: Hover function issue

2009-08-13 Thread Jonathan Vanherpe (T & T NV)
Geir wrote: Hi! ..rather new to javascript I'm making a rollover-script for my site. It works fine for one image, but not for many. How can I modify it to supprt any number of images? var sti = $('.ro').attr('src'); var nySti = sti.replace('.png', '_ov.png') $('.ro').ho

[jQuery] Re: Hover function issue

2009-08-13 Thread Liam Potter
Simple rollovers should be done with CSS and using a sprite image rather then two seperate images. Geir wrote: Hi! ..rather new to javascript I'm making a rollover-script for my site. It works fine for one image, but not for many. How can I modify it to supprt any number of images?

[jQuery] Re: , hover & active

2009-07-05 Thread Erik R. Peterson
Thanks. Upgrade didn't work.. I feel I'm so close. Erik On Jul 5, 2009, at 2:23 PM, Charlie wrote: using older version jQuery 1.2.6 see what happens if upgrade http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js ">. another thing to consider is you are using 2 c

[jQuery] Re: , hover & active

using older version jQuery 1.2.6 see what happens if upgrade "http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">. another thing to consider is you are using 2 click events on your  links. You have one click event scripted for loading content, another for switching class, mi

[jQuery] Re: , hover & active

I have the fixed version pasted inside the html. I'm still getting a error when I click on the first link: Line 22 is: $(this).addClass("active"); [Exception... "Could not convert JavaScript argument arg 0 [nsIDOMViewCSS.getComputedStyle]" nsresult: "0x80570009 (NS_ERROR_XPC_BAD_CON

[jQuery] Re: , hover & active

you put typo version on page with missing bracket, my bad but I did try to fix it. Throws erreor also in Firebug, if you open Firebug, paste that JS right into console and click run, you can see the active class get added when you do test click. Click another link, see the first "active" disap

[jQuery] Re: , hover & active

Wow.. this one is really kicking me! http://www.enaturalskin.com/needhelp.htm I placed the code and updated my CSS, but no go... So far this is what I have: CSS: #cs_links {width: 146px; float: left; margin:5px 0px 0px 25px} #cs_links a:hover, .active

[jQuery] Re: , hover & active

typo, left out a bracket $("#cs_links a").click(function() {     $(".active").removeClass("active");     $(this).addClass("active");     return false; }); Charlie wrote: >From what I see all your image links do exact same shift of background image on hover and active. You used a different cl

[jQuery] Re: , hover & active

>From what I see all your image links do exact same shift of background image on hover and active. You used a different class for each link to assign indiividual background images, however you don't need to create a new class for each link just to shift the background since they all shift same

[jQuery] Re: , hover & active

I went ahead and placed the script but still no success. Could my CSS be an issue here? Erik On Jul 5, 2009, at 8:10 AM, waseem sabjee wrote: ok. replace your js with the following (all the js) $(function() { // similar to $(document).read() { var obj = $(".cs_links"

[jQuery] Re: , hover & active

ok. replace your js with the following (all the js) $(function() { // similar to $(document).read() { var obj = $(".cs_links"); var items = $(".cs_contact", obj); items.click(function(e) { e.preventDefault(); var current =

[jQuery] Re: , hover & active

Still doesn't work. Page: http://www.enaturalskin.com/needhelp.htm I placed your script: var obj = $(".cs_links"); var items = $(".cs_contact", obj); $(".cs_contact").click(function() { var current = items.index($(this)); items.removeClass("active"); items.eq(current).addClass("active"); });

[jQuery] Re: , hover & active

hi, you can also do something like that for toggle. $(".cs_contact").toggle(function(){ // addClass('active'); },function(){ // removeClass('active'); }); hope it would help you. On Sat, Jul 4, 2009 at 7:47 PM, Erik R. Peterson wrote: > I have two image based

[jQuery] Re: , hover & active

ok i just changed the js for you // this is our object refference point. we only want to effect elements within this object var obj = $(".cs_links"); // we now need a refference point for each item // the , obj means we only want items within our object var items = $(".cs_contact", obj); // clic

[jQuery] Re: hover with superfish

I guess i misunderstood, you don't want to click on menu links to open new page? if you open new page on hover,  user can't look at menu without a page opening. Doesn't make sense or I'm not understanding the problem superfish wrote: Hi Charlie, yes of course here is the site: http://ww

[jQuery] Re: hover with superfish

Hi Charlie, yes of course here is the site: http://www.biochauf.com/ it is necessary to click on menus so as to see article..too tiring ;-) best regards bruno On 28 juin, 17:53, Charlie wrote: > superfish default is to function on  hover , without seeing your site it's > very hard to know

[jQuery] Re: hover with superfish

superfish default is to function on  hover , without seeing your site it's very hard to know what's going on. Sounds more like a template issue can you post link? superfish wrote: Hi, I am using the Superfish menu in my joomla website. I would like to see article contents just hovering

[jQuery] Re: hover + inside elements

Is it possible to check if the mouse is hovering over a parent element ? On 05 Jun 2009, at 02:15, Thomas wrote: Hi, I have a layout with 4 collumn divs. When the mouse hovers over each collumn, a simple fadein is performed on another element. Now what happens is, when i move over another el

[jQuery] Re: Hover image under flash element.....

You need to use the wmode for your flash element. Setting wmode to opaque should fix this. On Jun 2, 5:38 am, Warrick wrote: > I am trying to place several hover/tool tips using jQuery in a page > that contains a flash elemnt to the right. When viewed in a browser > the hover/tool tip appears p

[jQuery] Re: hover and/or fadeTo breaking layout in IE 6 and 7

Figured this out - the problem wasn't jquery or hover and/or fadeTo, rather the infamous IE Guillotine Bug. More info and how to fix located here: http://www.positioniseverything.net/explorer/guillotine.html Cheers~ On Apr 20, 2:09 pm, Jonathan wrote: > Anyone come across something like this b

[jQuery] Re: hover and/or fadeTo breaking layout in IE 6 and 7

Anyone come across something like this before? I understand it's easy enough to keep IE 6/7 from implementing the script -- if($.browser.msie && $.browser.version < 8) return; -- but I'd like to get IE working with this if possible. On Apr 20, 1:02 am, Jonathan wrote: > Sorry, forgot to includ

[jQuery] Re: hover and/or fadeTo breaking layout in IE 6 and 7

Sorry, forgot to include a link. You can see the IE bug here: http://themes.nimblehost.com/preview/sleek/test/ On Apr 19, 10:46 pm, Jonathan wrote: > I'm using jquery to add a smooth fade effect when users mouse over a > menu item. The site has split navigation, with this effect applied to > al

[jQuery] Re: hover problems

the technique here might be of interest: http://www.ihwy.com/Labs/demos/Current/image-hover-menu.aspx - Jack Rick Faircloth wrote: Check out the "Hover Intent" plugin here: http://cherne.net/brian/resources/jquery.hoverIntent.html I think it's just what you're looking for. Rick On Thu,

[jQuery] Re: hover problems

Check out the "Hover Intent" plugin here: http://cherne.net/brian/resources/jquery.hoverIntent.html I think it's just what you're looking for. Rick On Thu, Apr 16, 2009 at 12:28 AM, 3daysaside <3daysas...@gmail.com> wrote: > > Been searching for the last hour, found some solutions, but still n

[jQuery] Re: hover on image flickers.

Since the bigger image completely covers the thumbnail, you could bind the hide() to the div: $('li > img').bind('mouseover',function() { $(this).next("div").show(); }).next('div').bind('mouseout',function(){ $(this).hide(); }); On Mar 1, 4:00 pm,

[jQuery] Re: hover on image flickers.

The hover shows the div, the image in that div overlays the image in the li, the hover ends, and so it flips back and forth between them Try using one of the available plugins that does the same thing, e.g.: http://plugins.jquery.com/project/thumbnail_hover_popup or at least remove the 'unhover

[jQuery] Re: Hover vs Click, etc.

Thanks, Stephen; that works beautifully. I used the escape quotes because I'm working in PHP. However, I tried your code without the escape quotes, and it works just fine. I'll have ty give that close button a try, too. Thanks again. * * * * * On Mon, Feb 16, 2009 at 3:36 AM, Stephan Veigl wrote

[jQuery] Re: Hover vs Click, etc.

Hi David, a close button is quite simple, see: http://jsbin.com/ocoyo/edit for an example 1. Why do you escape the quotes in $(\'#triggerReg\')? Is this just a copy&paste error, or do you define your function in an HTML attribute? 2. The click handle does take only one callback function (in c

[jQuery] Re: Hover vs Click, etc.

I haven't learned how to make a close button yet. I tried the second method, but I'm doing something wrong. I combined the two scripts as follows, but it doesn't work. $(\'#triggerReg\').click(function(){ $(\'#menuReg\').show(); },function(){ $("#menuReg").click( function(){ $(this).hide();

[jQuery] Re: Hover vs Click, etc.

Hi, I would add a close button (or link) to your links div and add something like: closeBtn.click( function(){ $(this).parent().hide(); }); alternatively you can do: $("#menuReg").click( function(){ $(this).hide(); return true; }); Than your menu is closed whenever you click somewhere w

[jQuery] Re: Hover in a loaded page stopped working??

> $("#content").load("showContent.php", UI()); You are calling UI() function. Omit the "()" for callback... Read jQuery HowTo Resource - http://jquery-howto.blogspot.com On Thu, Feb 5, 2009 at 2:05 PM, 123gotoandplay wrote: > > Hi all, > > I am stuck with this in a page showContent.ph

[jQuery] Re: Hover in a loaded page stopped working??

Sounds like a problem or the plug-in "LiveQuery"... Check it out here: http://brandonaaron.net/blog/2007/08/19/new-plugin-live-query hth, Rick > -Original Message- > From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On > Behalf Of 123gotoandplay > Sent: Thursday,

[jQuery] Re: Hover Effect on 2 rows

Hi Kevin, I have not checked the code since I just wrote and submitted it. However I don't see any cross browser problems in this script. You could try to add semicolons where I've missed previously and move the function declaration before the jquery script like this: function getNeighbor(el, cl

[jQuery] Re: Hover Effect on 2 rows

Update on this project i've opted to roll up to 1 row as end users of this private app. have more screen space horizontally that i can work with. however, the script below doesn't appear to work in Firefox - it works fine in IE 6, Chrome what's up with that ? my on-page style is tr.hover td

[jQuery] Re: Hover Effect on 2 rows

thanks - i've opted to roll things up to 1 row anyway - however, i'll keep the link for these 2 row scripts as they seem to work. On Jan 26, 10:04 am, Ricardo Tomasi wrote: > That's quite simple. Just adjust your CSS so that the rows 'blend > together', set cursor: pointer in your CSS, and use t

[jQuery] Re: Hover Effect on 2 rows

That's quite simple. Just adjust your CSS so that the rows 'blend together', set cursor: pointer in your CSS, and use this: $('.Row:even').each(function(){ var t = $(this), link = t.find('a')[0].href; t.add( t.next('.Row') ).click(function(){ window.location = link; }); }); use :od

[jQuery] Re: Hover Effect on 2 rows

followup question..now that i have nice hover working, i'd like to set the TR to be a link to a page, instead of the content i have now: == Details == I'd like to get rid of the extra column and the link and make the 2 neighboring rows the link with the browser showing a '

[jQuery] Re: Hover Effect on 2 rows

This one did the trick - thanks ! On Jan 26, 5:29 am, jQuery Lover wrote: > Hi Kevin, > > NO, you can not wrap your tr's with div's or span's. > > Unfortunately Olaf's script will not work also. > > A little ugly script should do the job: > > $(function(){ >         $('.Row').hover(function(){ >

[jQuery] Re: Hover Effect on 2 rows

oops. posted my testing code. here's the right one: $('.Row').each(function(){ var t = $(this), n = t.next('.Row'), direction = n.length ? 'next' : 'prev'; t.hover(function(){ t[direction]('.Row').andSelf().addClass('hover'); },function(){ t[direction]('.Row').andSelf().remov

[jQuery] Re: Hover Effect on 2 rows

There is a simpler way: $('.Row').each(function(){ var t = $(this), n = t.next('.Row'), direction = n.length ? 'next' : 'prev'; $(this).hover(function(){ t[direction]('.Row').andSelf().children('td').css ('background','red'); },function(){ t[direction]('.Row').andSelf().children(

[jQuery] Re: Hover Effect on 2 rows

Hi Kevin, NO, you can not wrap your tr's with div's or span's. Unfortunately Olaf's script will not work also. A little ugly script should do the job: $(function(){ $('.Row').hover(function(){ $(this).addClass('hover'); getNeighbor(this, 'Row').addClass(

[jQuery] Re: Hover Effect on 2 rows

kevind schrieb: how do get the 2 TR's to highlight together at the same time when i float over the class 'Row' ? Do i surround them with DIVs or SPAN? Is this possible to group 2 table rows inside another element and get the function to fire for both. Give this a try: $(function(){ $('.Ro

[jQuery] Re: Hover and fade in and out jquery code....

I still have the problem and been messing with the code to try and get a fix to it. I wonder if I can use a if statement on events something like if mouse is over image then appear a menu else if mouse is over menu keep menu showing else if mouse is not over the image or menu then fade out

[jQuery] Re: hover event going to infinite loop

I do not have a domain to post this sample page? Are there any free sites that I can use? On Dec 11, 2:26 pm, "Eric Garside" wrote: > Do you have an example page up somewhere of what the issue is? > > > > On Thu, Dec 11, 2008 at 2:12 PM, brian wrote: > > > I'm sorry, I don't understand your pro

[jQuery] Re: hover event going to infinite loop

Do you have an example page up somewhere of what the issue is? On Thu, Dec 11, 2008 at 2:12 PM, brian wrote: > > I'm sorry, I don't understand your problem. If you cannot set a width > on the div then you should probably look at the hoverIntent plugin, > which will keep your hover events from fi

[jQuery] Re: hover event going to infinite loop

I'm sorry, I don't understand your problem. If you cannot set a width on the div then you should probably look at the hoverIntent plugin, which will keep your hover events from firing when the cursor passes over quickly (that is, accidentally). The plugin allows for setting a delay after which the

[jQuery] Re: hover event going to infinite loop

Hi brian, I cannot set the width on the tag unless the image is separated from the tag. In my case, the image will be smaller compared to the width. The reason I included both of them in the same tag is so that when I can hover over the details . If it is outside the main (#EmpDeta

[jQuery] Re: hover event going to infinite loop

It's not an infinite loop. Your cursor is passing over the div and back several times, causing the hover states to toggle. Try this: Now, run your cursor in and out of the div several times. The toggling should run for a bit, then stop. The fix is to either set a width on the div so that it do

[jQuery] Re: hover event going to infinite loop

that didn't work. On Dec 11, 1:00 am, sad1sm0 <[EMAIL PROTECTED]> wrote: > try unbinding before attaching the hover event > > $('#divEmpDetails').unbind().hover();//fill in the gaps > > Now that I look at your post I realize that's what fixed my gallery > issue.  Looks like a similar problem.  Ma

[jQuery] Re: hover event going to infinite loop

try unbinding before attaching the hover event $('#divEmpDetails').unbind().hover();//fill in the gaps Now that I look at your post I realize that's what fixed my gallery issue. Looks like a similar problem. Maybe it'll help you too

[jQuery] Re: Hover Repeats Over and Over...

Hi Ricardo, you're correct. You can now stop any animation. At the time hoverIntent was written a year and a half ago $(foo).stop() wasn't available. I've been meaning to update the hoverIntent plugin/page. It's in my personal animation queue. :) Brian. On Wed, Dec 3, 2008 at 1:03 PM, ricardobeat <

[jQuery] Re: Hover Repeats Over and Over...

On Dec 3, 4:23 pm, brian <[EMAIL PROTECTED]> wrote: > Also, because jQuery > animations cannot be stopped once they've started it's best not to > start them prematurely. > -- snip -- That's not the case; you can stop any animation, jumping to the end of it or not. cheers, - ricardo

[jQuery] Re: Hover Repeats Over and Over...

This worked. Still has a bit of bugs, but doesn't loop infinitely. Thanks for you help. My final code: $("#header").hover(       function(over){           $("#header #menu").stop(true,true).slideDown();       },       function(out){            $("#header #menu").stop(true,true).slideUp();  

[jQuery] Re: Hover Repeats Over and Over...

My bad, copied and pasted the hoverIntent when I was testing it out, but it's actually set up as hover and still giving me issues. On Dec 3, 12:23 pm, brian <[EMAIL PROTECTED]> wrote: > You are not using hover(), you're using the hoverIntent plugin. From > its website: > > -- snip -- > hoverInten

[jQuery] Re: Hover Repeats Over and Over...

You are not using hover(), you're using the hoverIntent plugin. From its website: -- snip -- hoverIntent is a plug-in that attempts to determine the user's intent... like a crystal ball, only with mouse movement! It works like (and was derived from) jQuery's built-in hover. However, instead of im

[jQuery] Re: Hover Repeats Over and Over...

Try adding stop(true,true) before either of the slide calls. That jumps to the end of the animation and clears the queue. But hoverIntent should be preventing this from happening, to a certain extent. - ricardo On Dec 3, 12:40 pm, SmpleJohn <[EMAIL PROTECTED]> wrote: > It's amazing I can't find

[jQuery] Re: Hover Events Can't "Keep Up" With FadeIn and FadeOut? Events Queue?

:O thanks clockworked!! That's very helpful, I never noticed those options in the docs. - ricardo On Nov 17, 8:22 pm, clockworked247 <[EMAIL PROTECTED]> wrote: > I'm new to jQuery as well, but after a bit of digging I found the solution > at:http://www.pengoworks.com/workshop/jquery/stop_bug_fi

[jQuery] Re: Hover Events Can't "Keep Up" With FadeIn and FadeOut? Events Queue?

I'm new to jQuery as well, but after a bit of digging I found the solution at: http://www.pengoworks.com/workshop/jquery/stop_bug_fix.htm Basically you want to use the stop() function to end queued animation, but you need to pass a couple variables to it in order to make it function properly. H

[jQuery] Re: Hover not work properly when moving mouse fast...

Anybody have any other suggestions what i could try ? :( On Oct 22, 3:00 pm, Mech7 <[EMAIL PROTECTED]> wrote: > Thanks I have tried mouseenter and leave but it has the same problem : > ( > > On Oct 21, 7:24 am, MorningZ <[EMAIL PROTECTED]> wrote: > > > I wouldn't put Flash as the single cause for

[jQuery] Re: Hover with a fade question (n00b)

Oh, so you can actually "fade a class"! Nice :D I'm not very intimate with jQuery UI, sorry gerbert, thanks Karl :) On 25 out, 18:57, Karl Swedberg <[EMAIL PROTECTED]> wrote: > With jQuery UI, you can also animate with .addClass() and .removeClass() > > $(document).ready(function() { > >        

[jQuery] Re: Hover with a fade question (n00b)

With jQuery UI, you can also animate with .addClass() and .removeClass() $(document).ready(function() { $('.button').hover(function() { $(this).addClass('foo', 500); }, function() { $(this).removeClass('foo', 500); }); }); http://docs.jquery.com/UI/

[jQuery] Re: Hover with a fade question (n00b)

Ah I see. You can't "fade a class". You need the animate() function and jQuery UI (http://ui.jquery.com/), then you can do this: $(document).ready(function() { $('.button').hover(function() { $(this).animate({ backgroundColor: '#AAFFAA'}, 500); }, function() {

[jQuery] Re: Hover with a fade question (n00b)

here is what it looks like without the fade: http://www.oddvice.com/switchertest/test.html I just want to add a simple fadeIn to the green button with the hover function. Here is the full code without any fadeIn: // JavaScript Document $(document).ready(function() { $('.button').click(functio

[jQuery] Re: Hover with a fade question (n00b)

Thank you for cleaning that up, but it's still not quite right. It's not fading in, it just adds the class instantly. and when it fades out, it removes the div I put the .hover class on. Thanks for trying. On Oct 24, 8:03 pm, ricardobeat <[EMAIL PROTECTED]> wrote: > $(document).ready(function(

[jQuery] Re: Hover with a fade question (n00b)

$(document).ready(function() { $('.button').hover(function() { $(this).addClass('hover').fadeIn(); }, function() { $(this).removeClass('hover').fadeOut(); }); }); This should work, it's exactly the same as your second try but with correct syntax

[jQuery] Re: Hover not work properly when moving mouse fast...

Thanks I have tried mouseenter and leave but it has the same problem : ( On Oct 21, 7:24 am, MorningZ <[EMAIL PROTECTED]> wrote: > I wouldn't put Flash as the single cause for this... > > I have a table of ~ 30 rows that i tried to wire in a hover event > which colored/de-colored the row the user

[jQuery] Re: Hover bug with scrollbars

I reckon that this is the same bug as I reported here (see the comments from 21.10.2008). navigation using .hover() does not disappear in FF if the mouse leaves the navigation over a element such input=text. http://www.kriesi.at/archives/create-a-multilevel-dropdown-menu-with-css-and-improve-it-v

[jQuery] Re: Hover not work properly when moving mouse fast...

I wouldn't put Flash as the single cause for this... I have a table of ~ 30 rows that i tried to wire in a hover event which colored/de-colored the row the user was over so it was obvious what row they were one moving the mouse in and out very quickly made the "out" event not fire resulting

[jQuery] Re: Hover not work properly when moving mouse fast...

Oh, you're working with Flash... hmmm that's probably the reason. Getting events from "object" or "embed" nodes can be... tricky, in my very limited experience. My suggestion is that you drop the SIFR menu items and use background images. Either that or you'll have to somehow tap into the "hover"

[jQuery] Re: Hover not work properly when moving mouse fast...

What is not working correctly with me is when I hover the dropdown menu i change the color of the sifr text so it remains black: http://www.mech7.net/tmp/sifr/ In script.js in line 26: ,onRollOut: function(cb) { var currentMenuItem = cb.getFlashElement().parentNode.pare

[jQuery] Re: Hover In/Out with quick mouse movements

try the stop()-function http://docs.jquery.com/Effects/stop $('#topbar').hover(function() { $('.prev, .next').fadeIn('slow'); }, function() { $('.prev, .next').stop().fadeOut('slow'); }); On 16 Okt., 11:33, davebowker <[EMAIL PROTECTED]>

[jQuery] Re: Hover In/Out with quick mouse movements

Taking a look now. Cheers for the suggestion. On Oct 15, 5:51 pm, "Martin Möller" <[EMAIL PROTECTED]> wrote: > davebowker  wrote: > > Which when I mouseout delays the fadeout effect by 2 seconds by > > fooling the already faded in element to fade in some more, ie. do > > nothing, before fading ou

[jQuery] Re: Hover In/Out with quick mouse movements

davebowker wrote: > Which when I mouseout delays the fadeout effect by 2 seconds by > fooling the already faded in element to fade in some more, ie. do > nothing, before fading out. > > Maybe hoverIntent is what you are looking for: http://plugins.jquery.com/project/hoverIntent Cheers Mate

[jQuery] Re: Hover In/Out with quick mouse movements

Thanks for the reply. Looks a bit like overkill tbh, and I did quickly try it but couldn't make it work. What I have now is -- $(document).ready(function() { $('.ticker-prev, .ticker-next').hide(); $('#topbar').hov

[jQuery] Re: Hover In/Out with quick mouse movements

i usually get around such problems by using a var stopper = false; which is set to true once the mouseover/out is called. you could just do something like: var stopper = false; $('#topbar').hover(function() { if(stopper == false){ stopper = true;

  1   2   3   >