[jQuery] Re: Jquery change event
Dave, Thank you that worked great. Is there away to find out what specific element is firing the event. For example I would like to know the 'id' of the element that is currently being type in. Thanks again, Ronn On Sun, Oct 19, 2008 at 12:24 PM, Dave Methvin <[EMAIL PROTECTED]>wrote: > > > How do I get jquery's change event you fire per letter > > typed into a text box? > > You can use the keyup event. If there are both text boxes and other > elements like radio buttons, you could attach the handler to both > events: > > $('input').bind("change keyup", function() { > alert('you changed or typed something'); > }); >
[jQuery] Animation
Hello all, I have two images on a page, one on top of the other. I'm using them to do a rollover effect. One the top image I have a onmouseover event triggering a jquery fadeOut(). On the bottom image I'm adding the onmouseout event triggering the fadeIn() effect for the above image. The problem is that if you rollover too fast the top image will fadeout, but the onmouseout event won't fire for the bottom image. Is there a way to have the callback for the fadeOut() check if the mouse is still over the image? I tried to explain as best I could. Please email me if you need more info. Thanks in advance, Ronn
[jQuery] Re: count children
Michael, You were right my markup was a little messed up. I cleaned it up and used $('#master').children().size() and it worked for what I needed. Thanks for your quick response and you detailed explanation. Thanks again, Ronn On Thu, Sep 4, 2008 at 11:44 AM, Michael Geary <[EMAIL PROTECTED]> wrote: > Ronn, your description doesn't match your code. The description says you > want to "count the 'group#' divs inside of the 'master' div", but the code > counts the immediate children of the #master div. > > Now, given the HTML you posted, those happen to be the same value, since > the only immediate children of #master are the group divs. Just checking > that this assumption will remain valid. > > Assuming that you actually want to count the immediate children of > div#master, your code looks like it should work. What result does it give > you? > > I would probably do it this way: > > var ct = $('#master > *').length; > > But that should give the same result. (You might try it just for > comparison.) > > Can you post a link to a test page? It's hard to tell what might be wrong > without seeing it in action. > > And do you have Firebug? You can open your page and try stuff out in the > Firebug console (click in the single line at the bottom of the console to > enter JavaScript code). Try these and see what you get (you can use the up > arrow key to bring back a previous entry, so you don't have to retype the > whole thing each time): > > $('#master') > > $('#master').children() > > $('#master').children().size() > > $('#master > *') > > $('#master > *').length > > -Mike > > -- > *From:* Ronn Ross > Hello all > I have seen examples of counting children of an element like a div. I have > tried to customize those examples to work for my situation, but with no > success. What I'm trying to accomplish seems simple, but I have not been > able to make it happen. I'm simply trying to count the 'group#' divs inside > of the 'master' div. I was hoping that something like: > >var ct = $('#master').children().size(); > > would work, but being new to JQuery I have not been able to find a > solution. > Thanks in advance, > > > > > > > content inside area > > > > > > > > > content inside area > > > > > > >
[jQuery] count children
Hello all I have seen examples of counting children of an element like a div. I have tried to customize those examples to work for my situation, but with no success. What I'm trying to accomplish seems simple, but I have not been able to make it happen. I'm simply trying to count the 'group#' divs inside of the 'master' div. I was hoping that something like: var ct = $('#master').children().size(); would work, but being new to JQuery I have not been able to find a solution. Thanks in advance, content inside area content inside area
[jQuery] Applying jqDnR to images.
Hello all, I'm using jqDnR (http://dev.iceburg.net/jquery/jqDnR/) to allow things to be draggable on the my page. Applying it to div tags is super easy and works great. Unfortunately when I try to apply it to an image I can't get it to work. This is what I use for a div: $('#container').jqDrag('.Drag').jqResize('.Resize'); I just want to make the image draggable without resizing options. Thanks
[jQuery] Re: animate in order
Brian, Thanks that worked great. I'm still new to JQuery, but community has been a great help. Thanks again for the help, Ronn On Thu, Aug 28, 2008 at 1:31 PM, Brian Schilt <[EMAIL PROTECTED]> wrote: > > Ok, our syntax was a bit jacked up. I created a test page, this will > work: > > $('#backDropLeft').animate({height:550},750,'easeOutBack', function(){ > $('#contactBox').fadeIn(1000); > }); > > Make sure that you have jquery-ui loaded up as well otherwise easing > won't work. > > Brian > > On Aug 28, 12:50 pm, "Ronn Ross" <[EMAIL PROTECTED]> wrote: > > Brian > > > > Thanks for the response. Unfortunately it still is not working. I tried > > adding an alert to backDropLeft's callback function like so: > > > > $('#backDropLeft').animate({height:550}, {duration: 750, easing: > > 'easeOutBack'}, > > function(){ > > alert("hello"); > > }); > > > > and it didn't alert when I ran the page. Do you have any other ideas? > > > > Thanks, > > Ronn > > > > On Thu, Aug 28, 2008 at 11:50 AM, Brian Schilt <[EMAIL PROTECTED]> > wrote: > > > > > You'll need to put the second animation in the callback function of > > > the first. > > > > > $('#backDropLeft') > > > .animate({height:550}, {duration: 750, easing:'easeOutBack'}, > > > function(){ > > >$('#contactBox').fadeIn(1000, function() { }); > > > }); > > > > > Brian > > > > > On Aug 28, 9:56 am, Ronn <[EMAIL PROTECTED]> wrote: > > > > I have two items: > > > > > > $('#backDropLeft').animate({height:550}, {duration: 750, easing: > > > > 'easeOutBack'}); > > > > $('#contactBox').fadeIn(1000, function() { }); > > > > > > How can I make contactBox wait until backDropLeft is finished to run > > > > its animate? > > > > >
[jQuery] Re: animate in order
Brian Thanks for the response. Unfortunately it still is not working. I tried adding an alert to backDropLeft's callback function like so: $('#backDropLeft').animate({height:550}, {duration: 750, easing: 'easeOutBack'}, function(){ alert("hello"); }); and it didn't alert when I ran the page. Do you have any other ideas? Thanks, Ronn On Thu, Aug 28, 2008 at 11:50 AM, Brian Schilt <[EMAIL PROTECTED]> wrote: > > You'll need to put the second animation in the callback function of > the first. > > $('#backDropLeft') > .animate({height:550}, {duration: 750, easing:'easeOutBack'}, > function(){ >$('#contactBox').fadeIn(1000, function() { }); > }); > > > Brian > > > On Aug 28, 9:56 am, Ronn <[EMAIL PROTECTED]> wrote: > > I have two items: > > > > $('#backDropLeft').animate({height:550}, {duration: 750, easing: > > 'easeOutBack'}); > > $('#contactBox').fadeIn(1000, function() { }); > > > > How can I make contactBox wait until backDropLeft is finished to run > > its animate? >