massic80
massic80's Achievements
1
Reputation
-
Thanks for the answer There is no particular trigger for this question: I was just figuring out the complexity of your code, the several browser-exceptions you were applying, the difficulties of any amend by keeping in mind any legacy browser; all of this, above all, while keeping the first place in performance leaderboard Trimming IE8 (and IE6, as far as I can read on Draggable docs!) would save bytes, time, CPU cycles and above all neurons
-
Hi all, I was wondering whether GSAP will drop support for legacy browsers. I never dug into its source code, but since it's compatible with ancient browsers, I figure out there is margin for optimizing it even more by dropping the support for them. I was thinking of something like jQuery did: a version for older browsers, another one for the latest (I know it would be harder to maintain). You probably already considered the possibility to drop them and you also probably already optimized the code in order to trim away whatever is not needed for current browser on landing instead of on the fly, but I'd like to know your position about this topic
-
Thanks, I'll check it out I just can't find the release notes
-
Sorry, Jack, I (we?) didn't fully understand your post.
-
Thanks anyway, Rodrigo I thought you were the developer who submitted the latest changes Let's stay tuned on this topic, anyway. Massi
-
Thanks a lot, Rodrigo. In fact, I don't care about YT code error, it's just a side effect from the example I chose I think that "odd" is a good definition for this weird problem: it becomes even more weird, because you just said that switching to minified version you didn't detect any error: I started from the minifed version (of course) and chose to use the uncompressed one on the example for a better view on the trouble origin (In the minified version, the error occurs on line 16). Did you leave the ten second timeout pass? Oh, right, what a surprise, having a problem on IE! Let's go on on Firefox and Chrome, anyway The embed maybe a temporary solution, but since the trouble DOESN'T occur with former versions of TweenMax, the problem is just in the two latest releases, and I can't workaround a library trouble (I'd stop using it if I had to): it should be solved where it comes from. Anyhow, I couldn't work on the iframes because they are dynamically created by Addthis: yes, the markup inserted by them isn't great coding, but since 1) they are on lots of sites 2) TweenMax 1.9.6 worked 3) TweenMax should be able to work on all the sites, including those with iframes (YT, for instance), I think that something new (or old?) should be implemented: I'll give you all the support I'm able to. Do you agree? Thanks again and "see you" soon Massi
-
Hi all! I set up a site using TweenMax 1.9.5 for any animation, and everything worked properly. Later, I updated the libraries to 1.9.7 and finally to 1.9.8. With current version, the animations don't work properly; there is a conflict with Addthis dynamically created iframes. Here is a sample code reproducing the problem with a YouTube static iframe: <!DOCTYPE html> <html> <head> <!-- 1.9.6 --> <!-- <script type="text/javascript" src="https://raw.github.com/greensock/GreenSock-JS/f91853a0e9f753c1ae8b6b36172a4d42759296af/src/uncompressed/TweenMax.js"></script>--> <!-- 1.9.7 --> <!-- <script type="text/javascript" src="https://raw.github.com/greensock/GreenSock-JS/7c36c8f249526f687e185caa599a6e39bbed15e9/src/uncompressed/TweenMax.js"></script> --> <script type="text/javascript" src="https://raw.github.com/greensock/GreenSock-JS/ab62042130fa8f6a875b92bd2532d1f39d7a18f4/src/uncompressed/TweenMax.js"></script> <!-- Still the same from february --> <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.9.8/plugins/ScrollToPlugin.min.js"></script> <style type="text/css"> body > div { background-color:green; height:5000px; } </style> </head> <body> <div></div> <iframe width="560" height="315" src="http://www.youtube.com/embed/CZF2o06mlgQ" frameborder="0" allowfullscreen></iframe> <script type="text/javascript"> setTimeout(function(){ // This is to allow the iframe being loaded TweenMax.to(window, 2, { scrollTo: { y: 2500, autoKill:false }, onComplete: function() { alert("end"); } }); },10000); </script> </body> </html> As you can see, an error is thrown in TweenMax.js, line 5700. In that location, "target" is "window" when attempting to scroll it, but window[0] (target[0]) doesn't allow the access to "nodeType" property. In particular, Firefox says "Error: Permission denied to access property 'nodeType'" and Chrome indicates a cross-domain conflict between the current page and the imported in the iframe one. I figure out that this happens because window object also contains the included frames and iframes (http://www.w3schools.com/jsref/obj_window.asp), hence target[0] isn't the "desided" window object, but only the first contained iframe. There should be a window.frames[x], but looks like that window[x] works in the same way (as well as window.length), that is an array of window objects (cross domain or not). Reverting to TweenMax version 1.9.5 (the last working I had on SVN), everything works as expected. In the reported example I also included the commented imports of previous versions, and the last which looks like working is 1.9.6. Moreover, another animation in my pages throws a similar error on native IE8, and looks like 1.9.5 doesn't do the same: I didn't investigate deeply in this, because maybe that fixing the regression will also fix the other trouble. I'll get some time to do it if U wished Thanks in advance for your precious help Massi
-
Hi again, sorry for the delay, but I got fever. I think this is a good solution for keeping a "short event" synchronized with TweenMax ticker... but let me understand: is onComplete() event triggered when last "frame" is started? And... how could a setTimeout be synchronized as well? <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Insert title here</title> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.9.4/TweenMax.min.js"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.9.4/plugins/ScrollToPlugin.min.js"></script> </head> <body style="height: 2000px;"> <script type="text/javascript"> $(document).ready( function(){ $(window).on("scroll", function(){ console.log ("scroll"); }); TweenMax.to(window, 1, { scrollTo: { y: 500 }, ease: Linear.easeNone, onComplete: function () { TweenMax.delayedCall(0.001, function() { console.log("hi!"); }); } }); }); </script> </body> </html> I found out another trouble: loading my example code above and reproducing the ScrollTo to a negative value (e.g. -25 or higher, not -5 because it doesn't happen), the onComplete doesn't seem to be triggered. The workaround for this is trivial for me, but I think that someone couldn't notice this in a more complex environment.
-
Hi again! I cant find out why, but it looks like WORKING! In my example, the timestamp at penultimate tick was around 50 ms before the last one, and the position was exactly the same (this may be due to a fraction of pixel for last tick), hence I didn't expect it to work with a delay of 1 ms. I was thinking of trying with isTweening() method or ticker property, but since you found an apparently working solution, I'll try applying it to my site and testing it deeply Thanks again, I'll let you know... there is a beer for you, in case you plan to pass around here Massi P.S.: maybe it's best to write something about this on documentation: I've spent several hours trying to find out why my layout "didn't work"
-
At the moment I can't try, I'll let you know tonight (Italy time)... thanks in advance!
-
Thanks a lot for your reply Jack, looks like I'm a scroll pioneer! Of course, when I said "turns out that it's TweenMax itself", I meant "it's only due to TweenMax animation, not other JS code around the page" Did you try my test code? Of course, if yours is a correct theory, there is nothing to do on library side... let's study this up (it's annoying)!
-
Hi all! Today I was trying to execute some instructions on manual scroll event, avoiding the scroll animation performed by TweenMax. I attempted to initialize a boolean variable, which is false during the TweenMax animation and is restored to true "onComplete". On $(window).on("scroll") I checked the status of the variable. I found out that a scroll even was triggered even when my status variable was already returned to true: after some tests, it turns out that it's TweenMax itself. I tried on an empty page, reporting the following code in Firebug console, and looks like after the "hi" reported by TweenMax onComplete, another scroll event is triggered. $(window).on("scroll", function(){console.log ("scroll");}); TweenMax.to(window, 1, { scrollTo: { y: 500 }, ease: Linear.easeNone, onComplete: function () { console.log("hi!"); } }); I wouldn't expect this behavior: why does this happen? Thanks in advance! Massi
