I am using Jquery 1.2.6 version with existing website. I want to animate something on mouse over and for it I used animate function for it but I not able to get expected result.
$(document).ready(function() {
$(".small-packagebuilder").css({"background-position": "5px 0"});
$(".builder_top_magenta span a").hover(function() {
[Code].....
I have some basic functions to animate something, but they only seem to work in FF, Safari, Opera... but of course not in IE 6.0. I don't know what I'm doing wrong, yet. Tried adding the DTD doctype etc... nothing changes.
Demo right here
<html><head> <title>test</title>
<script
type="text/javascript"
src="js/jquery-1.4.2.min.js"
></script
>
<script
type="text/javascript"
src="js/jquery-ui-1.8.2.min.js"
></script
> .....
I have a toggle animation which puts the area I want to show to the user in view, ones that animation has played I want to animate several other objects on the page. I have the code to animate one object by using the callback function in animate. But is it possible to animate several objects in the callback function?. this is the code I have so far
$(document).ready(function(){
$(".navigaat").toggle(function(){
$(".mover").animate({left: '0px' }, 'slow',"", function() { $(".blok").animate( { fontSize:"160px" } , 1000 )});
[code]....
I was using JQuery 1.2.6 but after I downloaded the version 1.4.2 I get the following error on FireFox: uncaught exception: Syntax error, unrecognized expression: .
View 1 Replies View RelatedI have used your great plugin for a menu in Wordpress 2.8.4 and I wanted to use the default Wordpress jQuery library jquery.js?ver=1.3.2 but your plugin Superfish wouldn't work. I added the jquery-1.2.6.min.js file and it did work OK. Since there is no reason to have calls to two jQuery libraries which are doing the same thing I wanted to only use the default Wordpress jQuery version. After some searching I found an answer at this site:[url]..
I changed this to: jQuery(document).ready(function($){ Notice the $ function being moved. This now works OK using the default Wordpress jQuery version 1.3.2. and I imagine with the latest version of jQuery.
I am quite happy to stay put using v 1.2.6 but with new bits requiring v 1.3.2 etc I would quite like to know why this isn't working when I use jQuery above 1.2.6. There are a few different things going on.
Code JavaScript:
<script type="text/javascript">
$(document).ready(function() {[code].....
I'm trying to use the cascade function from the below link. If I try it as it is there, it works, but if I change the jquery reference to the one I'm using (1.7.1) it stops working... is there a diferent way to use that ajax call or am I missing anything?
View 3 Replies View RelatedI'm using jQuery 1.4 to hide a div (#cartPop) when the "close" link inside of it (#cartPop a) is clicked. Since I'm using animate() to fade the div out (opacity), I also have to use hide() to get rid of the div once it has faded out (otherwise the invisible div, which is on a higher z-index, blocks the elements on a lower z-index).
Code:
The problem is that the hide() function calls immediately without waiting for the animate() function to run. Even if I append a delay() function before hide() like so:
Code:
...it still doesn't wait.
I have a big problem, here is the sample of code:
<ul>
<li>
<a href="#"> <img src="#" /> </a>
<div class="info">
[Code]....
So, normaly the div.info element is with css: display:none; And there is displaying only "a" element. But i have a little code of jquery who makes the div.info element showup when the mouse over on the "li" element. And code is working as i expecting, but not in the IE.
var pic = $('ul li');
pic.hover(function(){
$('div.info', this).stop().animate({opacity:'0'}, 600, function(){
[Code]...
This sure has me puzzled since it's usually the other way around. The script below, straight from a book, works in IE, but not in FF, Chrome, or Safari. Can anyone tell me what I'm not doing that would work in the Good browsers
[Code]...
[url]
If you click the link in FF you will see that when you press "PLAY" the arrow image animates from the top like it is supposed to... but does not show up in IE.
This could be a jQuery or CSS issue...
JQ:
HTML:
CSS:
I am having trouble with a script in IE7. The way the animation is meant to work is you click on a colour chip and it enlarges (click again and it reduces). In IE7 it works fine for the first one you click and then you can't click any of the others.
[Code]...
When I click the background image, f1 gets called and executes as expected, but f2 doesn't get called after the animation in f1.
Drupal.behaviors.director = function(context) {
$("#background").mousemove(function(ev) {
var x = ev.pageX;
var y = ev.pageY;
[Code]....
I'm using Fancy Form Slider and love it. In firefox, it's working great. In Safari, its not so hot. Check it out:[URL].. It renders fine in both, but the animation is acting REALLY weird in safari.
I've used alerts to see if its using the correct data, and it is. Both the "current" and the new marginLeft are properly being set (in fact, it IS being set in safari, because when i inspect the element, it has the right margin-left data thats being alerted. There's no errors being thrown into the error console, either.
[Code]...
I try to integrate easing with 1.3.2 animate but seems its just not working. Which version of the easing plugin I should use?
View 2 Replies View RelatedI'm new on the forum and also using JQuery, came to this Framework thru ZendFramework.... My problème is that i've done an animation that works fine on all browsers (Firefox, Opera, Chrome, Safari) but not on any IE ?
[Code]....
After appending an li by append() function , there is some animations through animate function. But in IE9 , it is not working as expected.
below is my code :
$magicLine.stop().animate({
left: $magicLine.data("origLeft"),
width: $magicLine.data("origWidth")
});
I want to hide a map until it's needed, then when a button is clicked, load the map then scroll to it.Here's my experimentHere's what I'm using:
<div id="themap" class="themap c2">
<br />
<script type="text/javascript">
[code]....
I want to use animate function(changing the top value of UI tag)for the ui tags with a speed of 6000.Well the top value does change for the UI tag but it the animation is not visible meaning that it moves very fast.Instead it waits for 6000 ms and then at the 6th sec it suddenly changes the top value without giving the animation effect. This problem i m having only for UI tag below is the code
$('#van-one li a').mouseover(
function()
{
$('#van-one li ul').animate({top:"25px"},6000,"linear");
}
);
I have an image that I'd like to animate to the top right of its containing div (which has position relative).I've used this:
$(".trigger").click(function(){
$("#image").css({'position' : 'absolute'}).animate({
"top": "10px"
[code]....
I've created the following rollover effect but it doesn't work as expected :
$(document).ready(function(){
$('#area-row-2-sub-left a').bind({
mouseover: function() {
var tHeight = $(this).height();
[code]....
animate({height: tHeight} correctly sets the initial height but with a duration equal to zero. Seconf problem : a second mouseover on the element won't show the animation at all.
Why this script no longer works in firefox? It works in the older version but since it got updated to version 3.5.3 it doesnt work anymore. It works fine in IE.
<script type="text/javascript">
function show_popup(s_file, msg, msg2, msg3, w, h) {
var p=window.createPopup()
var pbody=p.document.body
pbody.style.backgroundColor="white"
pbody.style.border="solid white 6px"
pbody.innerHTML="<table cellpadding=0 bgcolor=white style='border:0px solid #777777'><tr><td colspan='3'><img src='images/"+s_file+"'></td></tr><tr><td align=left><font face='times' color='black' size='1'><i>"+msg+"</i></font></td><td align=left><font face='times' color='black' size='1'><i>"+msg2+"</i></font></td><td align=left><font face='times' size='1' color='black'><i>"+msg3+"</i></font></td></tr></table>"
p.show(15,15,w,h+40,document.body)
}
</script>
This is then what I add for each of the images ->>
<a href="javascript:show_popup(image.jpg','Image Example ','acrylic on masonite','62 X 48 inches',430,564)"><img src="images/thumbs/image_thumb.jpg" alt="Images" width="100" height="128" border="0" align="center" valign="TOP" /></a>
I have problems updating from version 1.7.2. to version 1.8. I'm using a custom theme - can anybody give me a step-by-step guide how to update without destroying the whole site ? :) I would like to have the button featueres in the new version
View 1 Replies View RelatedI used this tut to make a horizontal accordion.. but are trying to extend it to hide and show content like this example..(click the black "knowledge" box and the sample will slide up)but eventho the setup should be the same for expanding and opasity there is a opasity "blink" when hover over the expanded element but no collapsing. So the espanding/collapsing setup works, but not the Opasity part? [code]
View 4 Replies View RelatedIs there a way to use animate() with a map that has a function for the value, like you can with css()? I've tried {left: function(index) { return index * 50; }} and it doesn't do anything. I should note that I do get a "Warning: Error in parsing value for 'left'. Declaration dropped." message when it runs, so it's trying... just not creating an appropriate value.
View 1 Replies View RelatedFirst of all, this is the first time that I use JQuery in my life. I have no idea of what I am doing. I have been following the following guide to animate a menu: [URL]... But as some of the people commenting on the guide I wanted the menu to animate with mouse over and mouse out. So I found the hover-function and the following comments on the guide:
[Code]...