as a follow-up, more weirdness. I tried the codes from everyone to see if there might've been something that I was missing but no luck. I then decided to roll it back, stripped out all javascript in my .js file outside of the basic animation function and again, nothing. One thing that I did run into yesterday and again today was an error that pops up in the console
Uncaught Cannot tween a null object
TweenMax.js 6539
The odd thing is that line in the code is for TweenLite. The version I'm running was
* VERSION: 1.18.0
* DATE: 2015-09-05
which I had just downloaded.
so, to expand on the code that I have...
HTML page:
<head>
<title></title>
<link rel="stylesheet" href="css/pr300x250.css" />
<script src="http://speed.pointroll.com/PointRoll/Media/Asset/Pointroll_HTML_Code_Repository/209670/prTrk.js"></script>
<script type="text/javascript" src="js/pr300x250.js"></script>
<script type="text/javascript" src="gs/easing/EasePack.js"></script>
<script type="text/javascript" src="gs/plugins/CSSPlugin.js"></script>
<script type="text/javascript" src="gs/TweenMax.js"></script>
</head>
<body>
<div id='pr300x250BannerCopy'>banner copy to move?</div>
</body>
</html>
CSS didn't change and the .js file (now) just has
// JavaScript Document
var copyOne = document.getElementById('pr300x250BannerCopy');
function AnimateBanner(){
TweenMax.to(copyOne, 1, {left:'400px', repeat:-1, repeatDelay:1, yoyo:true});
}
AnimateBanner();
So pretty stripped down and yet, when I pop this into chrome (locally) nothing happens. Dreamweaver throws a warning/error that TweenMax is not defined in the .js file and I still get the error mentioned above.
To add to the bit o' frustration, I had moved the code to the html page and just dropped it into a script tag...and it worked. So how can I get this to work using a separate .js file?
thanks!