Mozilla Firefox/IE7 support?

[Abhilash L R 0 Likes (Newbie)]

Team,

 

Doesn't mozilla firefox support TweenMax feature? I don't see it working in IE7 too.

 

I have a set of ordered list that will flyin on page load. This works fine in Chrome, IE8 and IE9, but it doesn't seem to work fine in Firefox 14 and IE7.

 

Could you please let us know the support features.

 

And the error obtained in FF is as below:

 

"TypeError: can't convert undefined to object: Line 14, Tweenmax.js"

 

Thanks

Abhilash

Edited October 15, 2013 by Abhilash L R

[Jonathan 5,389 Likes (Superhero)]

hello.. TweenMax is supported in all major browsers. it even works in IE7.. but if you could provide an example of your issue in codeoen or jsfiddle to better help you..

go to this link and see the animation banner..

http://www.greensock.com/why-gsap/

 

a quote from the Why GSAP page:

 

 

HTML5, jQuery, Canvas, CSS, new browsers, old browsers, RequireJS, EaselJS, mobile, and more – GSAP gets along with them famously. Use your favorite tools without jumping through endless hoops to ensure compatibility. It even accommodates various transforms (scale, skew, rotation, x, and y) in modern browsers plus IE back to version 6 without requiring clunky browser prefixes and hacks. We worry about compatibility so that you don’t need to. Another headache solved.

usually that type of error is related to the syntax used in your tweens.. please provide a sample of your code so we can help with this issue ..

 

thx

[GreenSock 18,251 Likes (Superhero)]

Yeah, it'd be super helpful to see a simple codepen or jsfiddle that shows the problem. Like jonathan said, TweenMax works great in Firefox. I wonder if you're not using camelCase for your property names or something. For example, backgroundColor, not "background-color". 

[Abhilash L R 0 Likes (Newbie)]

Oki, here you go. The issue was spotted in FF and IE7 is at the following lines in my code:

TweenMax.killChildTweensOf() - where I had referenced a DOM object.

This works in Chrome but.

[Jonathan 5,389 Likes (Superhero)]

do you have a link to the webpage or files? .. so we can better help you

[Abhilash L R 0 Likes (Newbie)]

Thanks, I got it working now.

 

The issue was using it as

    TweenMax.killChildTweensOf("#xyz",true);

 

But we should use it as document.getElementById("xyz")

 

Now I have a query here, when TweenMax.to("#xyz",...) works based on doc.getElemenyBID or jQuery, why isn't killChildTweensOf() configured that way ..?

It would avoid a lot of confusion actually.

[Rodrigo 5,073 Likes (Superhero)]

Hi,
 
When you don't have JQuery or other selector engine you don't need the # in the selector, like this:

//Without JQuery
TweenLite.to("elementID", time, {vars});

//Returns document.getElementById("elementID");

Whereas when JQuery is present you have to add the #, then the engine returns it as a JQuery selector:

//Using JQuery

TweenLite.to("#elementID", time, {vars});

//Returns $("#elementID"), a JQuery selector

Best

Rodrigo.