animate

Animating inline elements with JQuery

I am trying to show and hide an inline element (eg a span) using jquery. If I just use toggle(), it works as expected but if I use toggle("slow") to give it an animation, it turns the span into a block element and therefore inserts breaks. Is animation possible with inline elements? I would prefer a smooth sliding if possible, rather ...

JQuery: animate() doesn't work as expected in IE...

Hi, I'm getting crazy with this IE 7... ==> hhttp://neu.emergent-innovation.com/ Why does following function not work in IE 7, but perfectly with Firefox? Is there a bug in the animate-function? function accordion_starting_page(){ // hide all elements except the first one $('#FCE-Inhalt02-ContentWrapper .FCE-Fade:not(:first)'...

Animate for onclick on submit button only works in FF (not IE nor OP)

Does anybody know why the following code only has effect in FF? $(document).ready(function() { $('#powerSearchSubmitButton').click(function() { startLoad(); }); }); function startLoad() { $('.message').each(function(i) { $(this).animate({ opacity: 0 }, 500); }); }; ...

How to animate a change in css using jQuery

Is it possible to animate a change in css using jquery? If someone would be so kind as to provide me with an example i would be much obliged. Essentially, i am trying to animate the sprites technique by manipulating the background-image in the css using jQuery. The goal is to animate the hover so that I get a nice fade instead of just...

Endless background-color animation in jQuery, how?

Hi, I'm working on a web form where I wish to (after form submission) highlight those input fields that weren't entered correctly. The highlight effect I wish to create is an endlessly looping animation between background-color: #fcc; and #fff; in the faulty input fields, using jQuery. When one of those fields gain focus, I wish to stop...

Can you animate borders with jQuery? Is there a plugin available?

I need to animate a border in jQuery. More specifically, the colour of the border. I'd prefer to not resort to a 1px high div background colour animating or the like. Thank you ...

WPF - Animate ListBox.ScrollViewer.HorizontalOffset?

I have a collection of Visuals in a ListBox. I need to find the XPosition of an element inside it and then animate the HorizontalOffset of the ListBox's ScrollViewer. Essentially I want to created an animated ScrollIntoView method. This gives me a couple of problems. Firstly, how can I get a reference to the ListBoxs scrollviewer? Se...

jQuery animate layering issue in IE

If you hover over the <img> the 'hiddenPanel' <div> is to appear. This works fine in FF and other browsers, but in IE the <div> appears BEHIND the 'content' <div>. I've tried z-indexing to no avail. Anyone else having this problem? (Also, I will not move the code AFTER the 'content' <div> for layout reasons) EDIT: More code; jQuery / H...

Fade the background-color of a span tag with JQuery

I'm trying to fade the background-color of a span tag using JQuery to emphasize when a change has occured. I was thinking the code would be someting like the following inside the click handler, but I can't seem to get it working. Can you show me where I went wrong? Thanks Russ. $("span").fadeOut("slow").css("background-color").val("FF...

JQuery animate

I have some JQuery code in the click event handler for a checkbox that updates the value of a span control on the page, then animates the background color of the span tag to yellow and then fade back to white in about a second to draw attention to the user that the value of the span has changed. The problem is that if a user clicks repe...

jQuery DIV height issues.

Good day :) I am using jQuery's animate() on both opacity and height, on a fixed-size div. It all works fine and dandy in firefox, but in IE8 (with and without compatibility-mode, so I am assuming it will have the same behavior in IE6 and IE7), the animation does show, but when the div height reaches 0%, the div's height adjusts to the...

fadeOut a content using jquery

How can i fadeOut a div using jquery ...

How can I nicely animate between viewstacks

I have a little Adobe Air app and I want to have several 'views' within it. I can achieve these views using a ViewStack but am having difficulty finding a nice way to animate between them. This is what I have tried and although it works, one view disappears before sliding into view when what I want is more like the DestroyTwitter app wh...

jQuery - Hiding a dynamically created table row on click

I'm currently trying to hide a dynamically created table row after a button has been pressed. So far I have managed to handle part of the dynamic functions. Each dynamic row has a "Cancel" and "Save" button, I have managed to respond to these with ease. My problem is actually working with the row itself. $(function() { $(".add").cl...

jquery animate doesn't fire

<html> <head> <style type="text/css"> div#bg1 { height: 159px; width: 800px; margin-left: auto; margin-right: auto; background-image: url('images/bg1.jpg'); background-repeat: no-repeat; background-position:center center; position...

Disabling GIF animation in HTML

Is there any way, in HTML, to include an animated GIF in an <img> tag, but automatically tell the GIF to not animate? I realize that the user can stop animation by pressing ESC or clicking Stop, but I want the GIFs not to animate at all. I only want to do this on one specific page, and making separate non-animated versions of the (1500...

How to smoothly animate Windows Forms location with different speeds?

I've been trying to smoothly animate some Windows Form location but I'm having some issues if I want the speed to be variable. In other words, if I want to allow the user to select the preferred speed for animation. I've found the following article that helped me quite a bit to perform the animation I was looking for, for my form. It se...

Get Position of an element constantly changing...

I was trying to make a kind of background in which some clouds were moving, but after I got the clouds moving I found that I should either make them stop and return when reaching the browser's max width, or make them disappear. I was trying to get their position but I can't manage to get all the positions dynamically. Right now (for the ...

jquery .animate causes ASP.Net controls to move in I.E. 6.0

I'm using the .animate function from the jquery.color.js library to highlight a label on an ASP.Net page when the value of the label changes. It works great in I.E. 7.0, but in I.E. 6.0 it makes a button control on the page change positions. Anyone know how to fix this problem? Here is the snippet of the jquery code that causes the p...

jQuery animate css border-radius property (webkit, mozilla)

Is there a way in jQuery to animate the css3 border-radius property available in webkit and mozilla browsers? I haven't found a plugin that will do it. -webkit-border-radius -moz-border-radius Thanks. ...