drennan
Members
-
Joined
-
Last visited
Everything posted by drennan
-
Hey, I'm trying to replace some Flash animations (product rotations) with HTML/JS using the "convert to other document formats" command in Flash. This creates a series of images and flicks through them using JS. The page is here https://goo.gl/rjVykQ and when I inspect, it loads the images but doesn't play them. I'm not too good with JS - would be great if someone could take a look Flash seems to have messed up the JS as I'm getting this error when inspecting ventec.js:663 Uncaught TypeError: lib.gundrills is not a constructor at new lib.ventec (ventec.js:663) at handleComplete (ventec.php:61) at LoadQueue.a._dispatchEvent (preloadjs-0.6.1.min.js:12) at LoadQueue.a.dispatchEvent (preloadjs-0.6.1.min.js:12) at LoadQueue.a._sendComplete (preloadjs-0.6.1.min.js:12) at LoadQueue.a._loadNext (preloadjs-0.6.1.min.js:13) at LoadQueue.a._processFinishedLoad (preloadjs-0.6.1.min.js:13) at LoadQueue.a._handleFileComplete (preloadjs-0.6.1.min.js:13) at preloadjs-0.6.1.min.js:12 at ImageLoader.a._dispatchEvent (preloadjs-0.6.1.min.js:12) I'm triggering the animation using <body onload="init();"> Heres the JS in the header... <script src="http://code.createjs.com/easeljs-0.8.1.min.js"></script> <script src="http://code.createjs.com/tweenjs-0.6.1.min.js"></script> <script src="http://code.createjs.com/movieclip-0.8.1.min.js"></script> <script src="http://code.createjs.com/preloadjs-0.6.1.min.js"></script> <script type="text/javascript" src="jsAnimate/ventec/ventec.js"></script> <script> var canvas, stage, exportRoot; function init() { canvas = document.getElementById("canvas"); images = images||{}; var loader = new createjs.LoadQueue(false); loader.addEventListener("fileload", handleFileLoad); loader.addEventListener("complete", handleComplete); loader.loadManifest(lib.properties.manifest); } function handleFileLoad(evt) { if (evt.item.type == "image") { images[evt.item.id] = evt.result; } } function handleComplete(evt) { var element = document.getElementById("preloaderID"); element.parentNode.removeChild(element); exportRoot = new lib.ventec(); stage = new createjs.Stage(canvas); stage.addChild(exportRoot); stage.update(); createjs.Ticker.setFPS(lib.properties.fps); createjs.Ticker.addEventListener("tick", stage); } </script> This removes the still image and preloader var element = document.getElementById("preloaderID"); element.parentNode.removeChild(element); And here's the contents of jsAnimate/ventec/ventec.js which should play 64 images in a sequence (function (lib, img, cjs, ss) { var p; // shortcut to reference prototypes // library properties: lib.properties = { width: 960, height: 251, fps: 12, color: "#FFFFFF", manifest: [ {src:"jsAnimate/ventec/images/_001.png", id:"_001.png"}, {src:"jsAnimate/ventec/images/_002.png", id:"_002.png"}, {src:"jsAnimate/ventec/images/_003.png", id:"_003.png"}, {src:"jsAnimate/ventec/images/_004.png", id:"_004.png"}, {src:"jsAnimate/ventec/images/_005.png", id:"_005.png"}, {src:"jsAnimate/ventec/images/_006.png", id:"_006.png"}, {src:"jsAnimate/ventec/images/_007.png", id:"_007.png"}, {src:"jsAnimate/ventec/images/_008.png", id:"_008.png"}, {src:"jsAnimate/ventec/images/_009.png", id:"_009.png"}, {src:"jsAnimate/ventec/images/_010.png", id:"_010.png"}, {src:"jsAnimate/ventec/images/_011.png", id:"_011.png"}, {src:"jsAnimate/ventec/images/_012.png", id:"_012.png"}, {src:"jsAnimate/ventec/images/_013.png", id:"_013.png"}, {src:"jsAnimate/ventec/images/_014.png", id:"_014.png"}, {src:"jsAnimate/ventec/images/_015.png", id:"_015.png"}, {src:"jsAnimate/ventec/images/_016.png", id:"_016.png"}, {src:"jsAnimate/ventec/images/_017.png", id:"_017.png"}, {src:"jsAnimate/ventec/images/_018.png", id:"_018.png"}, {src:"jsAnimate/ventec/images/_019.png", id:"_019.png"}, {src:"jsAnimate/ventec/images/_020.png", id:"_020.png"}, {src:"jsAnimate/ventec/images/_021.png", id:"_021.png"}, {src:"jsAnimate/ventec/images/_022.png", id:"_022.png"}, {src:"jsAnimate/ventec/images/_023.png", id:"_023.png"}, {src:"jsAnimate/ventec/images/_024.png", id:"_024.png"}, {src:"jsAnimate/ventec/images/_025.png", id:"_025.png"}, {src:"jsAnimate/ventec/images/_026.png", id:"_026.png"}, {src:"jsAnimate/ventec/images/_027.png", id:"_027.png"}, {src:"jsAnimate/ventec/images/_028.png", id:"_028.png"}, {src:"jsAnimate/ventec/images/_029.png", id:"_029.png"}, {src:"jsAnimate/ventec/images/_030.png", id:"_030.png"}, {src:"jsAnimate/ventec/images/_031.png", id:"_031.png"}, {src:"jsAnimate/ventec/images/_032.png", id:"_032.png"}, {src:"jsAnimate/ventec/images/_033.png", id:"_033.png"}, {src:"jsAnimate/ventec/images/_034.png", id:"_034.png"}, {src:"jsAnimate/ventec/images/_035.png", id:"_035.png"}, {src:"jsAnimate/ventec/images/_036.png", id:"_036.png"}, {src:"jsAnimate/ventec/images/_037.png", id:"_037.png"}, {src:"jsAnimate/ventec/images/_038.png", id:"_038.png"}, {src:"jsAnimate/ventec/images/_039.png", id:"_039.png"}, {src:"jsAnimate/ventec/images/_040.png", id:"_040.png"}, {src:"jsAnimate/ventec/images/_041.png", id:"_041.png"}, {src:"jsAnimate/ventec/images/_042.png", id:"_042.png"}, {src:"jsAnimate/ventec/images/_043.png", id:"_043.png"}, {src:"jsAnimate/ventec/images/_044.png", id:"_044.png"}, {src:"jsAnimate/ventec/images/_045.png", id:"_045.png"}, {src:"jsAnimate/ventec/images/_046.png", id:"_046.png"}, {src:"jsAnimate/ventec/images/_047.png", id:"_047.png"}, {src:"jsAnimate/ventec/images/_048.png", id:"_048.png"}, {src:"jsAnimate/ventec/images/_049.png", id:"_049.png"}, {src:"jsAnimate/ventec/images/_050.png", id:"_050.png"}, {src:"jsAnimate/ventec/images/_051.png", id:"_051.png"}, {src:"jsAnimate/ventec/images/_052.png", id:"_052.png"}, {src:"jsAnimate/ventec/images/_053.png", id:"_053.png"}, {src:"jsAnimate/ventec/images/_054.png", id:"_054.png"}, {src:"jsAnimate/ventec/images/_055.png", id:"_055.png"}, {src:"jsAnimate/ventec/images/_056.png", id:"_046.png"}, {src:"jsAnimate/ventec/images/_057.png", id:"_057.png"}, {src:"jsAnimate/ventec/images/_058.png", id:"_058.png"}, {src:"jsAnimate/ventec/images/_059.png", id:"_059.png"}, {src:"jsAnimate/ventec/images/_060.png", id:"_060.png"}, {src:"jsAnimate/ventec/images/_061.png", id:"_061.png"}, {src:"jsAnimate/ventec/images/_062.png", id:"_062.png"}, {src:"jsAnimate/ventec/images/_063.png", id:"_063.png"}, {src:"jsAnimate/ventec/images/_064.png", id:"_064.png"} ] }; // symbols: (lib._001 = function() { this.initialize(img._001); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._002 = function() { this.initialize(img._002); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._003 = function() { this.initialize(img._003); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._004 = function() { this.initialize(img._004); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._005 = function() { this.initialize(img._005); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._006 = function() { this.initialize(img._006); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._007 = function() { this.initialize(img._007); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._008 = function() { this.initialize(img._008); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._009 = function() { this.initialize(img._009); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._010 = function() { this.initialize(img._010); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._011 = function() { this.initialize(img._011); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._012 = function() { this.initialize(img._012); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._013 = function() { this.initialize(img._013); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._014 = function() { this.initialize(img._014); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._015 = function() { this.initialize(img._015); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._016 = function() { this.initialize(img._016); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._017 = function() { this.initialize(img._017); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._018 = function() { this.initialize(img._018); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._019 = function() { this.initialize(img._019); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._020 = function() { this.initialize(img._020); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._021 = function() { this.initialize(img._021); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._022 = function() { this.initialize(img._022); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._023 = function() { this.initialize(img._023); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._024 = function() { this.initialize(img._024); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._025 = function() { this.initialize(img._025); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._026 = function() { this.initialize(img._026); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._027 = function() { this.initialize(img._027); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._028 = function() { this.initialize(img._028); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._029 = function() { this.initialize(img._029); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._030 = function() { this.initialize(img._030); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._031 = function() { this.initialize(img._031); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._032 = function() { this.initialize(img._032); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._033 = function() { this.initialize(img._033); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._034 = function() { this.initialize(img._034); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._035 = function() { this.initialize(img._035); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._036 = function() { this.initialize(img._036); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._037 = function() { this.initialize(img._037); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._038 = function() { this.initialize(img._038); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._039 = function() { this.initialize(img._039); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._040 = function() { this.initialize(img._040); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._041 = function() { this.initialize(img._041); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._042 = function() { this.initialize(img._042); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._043 = function() { this.initialize(img._043); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._044 = function() { this.initialize(img._044); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._045 = function() { this.initialize(img._045); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._046 = function() { this.initialize(img._046); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._047 = function() { this.initialize(img._047); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._048 = function() { this.initialize(img._048); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._049 = function() { this.initialize(img._049); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._050 = function() { this.initialize(img._050); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._051 = function() { this.initialize(img._051); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._052 = function() { this.initialize(img._052); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._053 = function() { this.initialize(img._053); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._054 = function() { this.initialize(img._054); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._055 = function() { this.initialize(img._055); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._056 = function() { this.initialize(img._056); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._057 = function() { this.initialize(img._057); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._058 = function() { this.initialize(img._058); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._059 = function() { this.initialize(img._059); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._060 = function() { this.initialize(img._060); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._061 = function() { this.initialize(img._061); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._062 = function() { this.initialize(img._062); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._063 = function() { this.initialize(img._063); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib._064 = function() { this.initialize(img._064); }).prototype = p = new cjs.Bitmap(); p.nominalBounds = new cjs.Rectangle(0,0,733,255); (lib.Rotation = function(mode,startPosition,loop) { this.initialize(mode,startPosition,loop,{}); // timeline functions: this.frame_153 = function() { /* stop();*/ } // actions tween: this.timeline.addTween(cjs.Tween.get(this).wait(153).call(this.frame_153).wait(1)); // Layer 4 this.instance = new lib._001(); this.instance.setTransform(606,3.5); this.instance_1 = new lib._002(); this.instance_1.setTransform(606,3.5); this.instance_2 = new lib._003(); this.instance_2.setTransform(606,3.5); this.instance_3 = new lib._004(); this.instance_3.setTransform(606,3.5); this.instance_4 = new lib._005(); this.instance_4.setTransform(606,3.5); this.instance_5 = new lib._006(); this.instance_5.setTransform(606,3.5); this.instance_6 = new lib._007(); this.instance_6.setTransform(606,3.5); this.instance_7 = new lib._008(); this.instance_7.setTransform(606,3.5); this.instance_8 = new lib._009(); this.instance_8.setTransform(606,3.5); this.instance_9 = new lib._010(); this.instance_9.setTransform(606,3.5); this.instance_10 = new lib._011(); this.instance_10.setTransform(606,3.5); this.instance_11 = new lib._012(); this.instance_11.setTransform(606,3.5); this.instance_12 = new lib._013(); this.instance_12.setTransform(606,3.5); this.instance_13 = new lib._014(); this.instance_13.setTransform(606,3.5); this.instance_14 = new lib._015(); this.instance_14.setTransform(606,3.5); this.instance_15 = new lib._016(); this.instance_15.setTransform(606,3.5); this.instance_16 = new lib._017(); this.instance_16.setTransform(606,3.5); this.instance_17 = new lib._018(); this.instance_17.setTransform(606,3.5); this.instance_18 = new lib._019(); this.instance_18.setTransform(606,3.5); this.instance_19 = new lib._020(); this.instance_19.setTransform(606,3.5); this.instance_20 = new lib._021(); this.instance_20.setTransform(606,3.5); this.instance_21 = new lib._022(); this.instance_21.setTransform(606,3.5); this.instance_22 = new lib._023(); this.instance_22.setTransform(606,3.5); this.instance_23 = new lib._024(); this.instance_23.setTransform(606,3.5); this.instance_24 = new lib._025(); this.instance_24.setTransform(606,3.5); this.instance_25 = new lib._026(); this.instance_25.setTransform(606,3.5); this.instance_26 = new lib._027(); this.instance_26.setTransform(606,3.5); this.instance_27 = new lib._028(); this.instance_27.setTransform(606,3.5); this.instance_28 = new lib._029(); this.instance_28.setTransform(606,3.5); this.instance_29 = new lib._030(); this.instance_29.setTransform(606,3.5); this.instance_30 = new lib._031(); this.instance_30.setTransform(606,3.5); this.instance_31 = new lib._032(); this.instance_31.setTransform(606,3.5); this.instance_32 = new lib._033(); this.instance_32.setTransform(606,3.5); this.instance_33 = new lib._034(); this.instance_33.setTransform(606,3.5); this.instance_34 = new lib._035(); this.instance_34.setTransform(606,3.5); this.instance_35 = new lib._036(); this.instance_35.setTransform(606,3.5); this.instance_36 = new lib._037(); this.instance_36.setTransform(606,3.5); this.instance_37 = new lib._038(); this.instance_37.setTransform(606,3.5); this.instance_38 = new lib._039(); this.instance_38.setTransform(606,3.5); this.instance_39 = new lib._040(); this.instance_39.setTransform(606,3.5); this.instance_40 = new lib._041(); this.instance_40.setTransform(606,3.5); this.instance_41 = new lib._042(); this.instance_41.setTransform(606,3.5); this.instance_42 = new lib._043(); this.instance_42.setTransform(606,3.5); this.instance_43 = new lib._044(); this.instance_43.setTransform(606,3.5); this.instance_44 = new lib._045(); this.instance_44.setTransform(606,3.5); this.instance_45 = new lib._046(); this.instance_45.setTransform(606,3.5); this.instance_46 = new lib._047(); this.instance_46.setTransform(606,3.5); this.instance_47 = new lib._048(); this.instance_47.setTransform(606,3.5); this.instance_48 = new lib._049(); this.instance_48.setTransform(606,3.5); this.instance_49 = new lib._050(); this.instance_49.setTransform(606,3.5); this.instance_50 = new lib._051(); this.instance_50.setTransform(606,3.5); this.instance_51 = new lib._052(); this.instance_51.setTransform(606,3.5); this.instance_52 = new lib._053(); this.instance_52.setTransform(606,3.5); this.instance_53 = new lib._054(); this.instance_53.setTransform(606,3.5); this.instance_54 = new lib._055(); this.instance_54.setTransform(606,3.5); this.instance_55 = new lib._056(); this.instance_55.setTransform(606,3.5); this.instance_56 = new lib._057(); this.instance_56.setTransform(606,3.5); this.instance_57 = new lib._058(); this.instance_57.setTransform(606,3.5); this.instance_58 = new lib._059(); this.instance_58.setTransform(606,3.5); this.instance_59 = new lib._060(); this.instance_59.setTransform(606,3.5); this.instance_60 = new lib._061(); this.instance_60.setTransform(606,3.5); this.instance_61 = new lib._062(); this.instance_61.setTransform(606,3.5); this.instance_62 = new lib._063(); this.instance_62.setTransform(606,3.5); this.instance_63 = new lib._064(); this.instance_63.setTransform(606,3.5); this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.instance}]}).to({state:[{t:this.instance_1}]},1).to({state:[{t:this.instance_2}]},1).to({state:[{t:this.instance_3}]},1).to({state:[{t:this.instance_4}]},1).to({state:[{t:this.instance_5}]},1).to({state:[{t:this.instance_6}]},1).to({state:[{t:this.instance_7}]},1).to({state:[{t:this.instance_8}]},1).to({state:[{t:this.instance_9}]},1).to({state:[{t:this.instance_10}]},1).to({state:[{t:this.instance_11}]},1).to({state:[{t:this.instance_12}]},1).to({state:[{t:this.instance_13}]},1).to({state:[{t:this.instance_14}]},1).to({state:[{t:this.instance_15}]},1).to({state:[{t:this.instance_16}]},1).to({state:[{t:this.instance_17}]},1).to({state:[{t:this.instance_18}]},1).to({state:[{t:this.instance_19}]},1).to({state:[{t:this.instance_20}]},1).to({state:[{t:this.instance_21}]},1).to({state:[{t:this.instance_22}]},1).to({state:[{t:this.instance_23}]},1).to({state:[{t:this.instance_24}]},1).to({state:[{t:this.instance_25}]},1).to({state:[{t:this.instance_26}]},1).to({state:[{t:this.instance_27}]},1).to({state:[{t:this.instance_28}]},1).to({state:[{t:this.instance_29}]},1).to({state:[{t:this.instance_30}]},1).to({state:[{t:this.instance_31}]},1).to({state:[{t:this.instance_32}]},1).to({state:[{t:this.instance_33}]},1).to({state:[{t:this.instance_34}]},1).to({state:[{t:this.instance_35}]},1).to({state:[{t:this.instance_36}]},1).to({state:[{t:this.instance_37}]},1).to({state:[{t:this.instance_38}]},1).to({state:[{t:this.instance_39}]},1).to({state:[{t:this.instance_40}]},1).to({state:[{t:this.instance_41}]},1).to({state:[{t:this.instance_42}]},1).to({state:[{t:this.instance_43}]},1).to({state:[{t:this.instance_44}]},1).to({state:[{t:this.instance_45}]},1).to({state:[{t:this.instance_46}]},1).to({state:[{t:this.instance_47}]},1).to({state:[{t:this.instance_48}]},1).to({state:[{t:this.instance_49}]},1).to({state:[{t:this.instance_50}]},1).to({state:[{t:this.instance_51}]},1).to({state:[{t:this.instance_52}]},1).to({state:[{t:this.instance_53}]},1).to({state:[{t:this.instance_54}]},1).to({state:[{t:this.instance_55}]},1).to({state:[{t:this.instance_56}]},1).to({state:[{t:this.instance_57}]},1).to({state:[{t:this.instance_58}]},1).to({state:[{t:this.instance_59}]},1).to({state:[{t:this.instance_60}]},1).to({state:[{t:this.instance_61}]},1).to({state:[{t:this.instance_62}]},1).to({state:[{t:this.instance_63}]},1).to({state:[{t:this.instance}]},1).to({state:[{t:this.instance_64}]},25).to({state:[{t:this.instance_65}]},1).to({state:[{t:this.instance_66}]},1).to({state:[{t:this.instance_67}]},1).to({state:[{t:this.instance_68}]},1).to({state:[{t:this.instance_69}]},1).to({state:[{t:this.instance_70}]},1).to({state:[{t:this.instance_71}]},1).to({state:[{t:this.instance_72}]},1).to({state:[{t:this.instance_73}]},1).to({state:[{t:this.instance_74}]},1).to({state:[{t:this.instance_75}]},1).to({state:[{t:this.instance_76}]},1).to({state:[{t:this.instance_77}]},1).to({state:[{t:this.instance_78}]},1).to({state:[{t:this.instance_79}]},1).to({state:[{t:this.instance_80}]},1).to({state:[{t:this.instance_81}]},1).to({state:[{t:this.instance_82}]},1).to({state:[{t:this.instance_83}]},1).to({state:[{t:this.instance_84}]},1).to({state:[{t:this.instance_85}]},1).to({state:[{t:this.instance_86}]},1).to({state:[{t:this.instance_87}]},1).to({state:[{t:this.instance_88}]},1).to({state:[{t:this.instance_89}]},1).to({state:[{t:this.instance_90}]},1).to({state:[{t:this.instance_91}]},1).to({state:[{t:this.instance_92}]},1).to({state:[{t:this.instance_93}]},1).to({state:[{t:this.instance_94}]},1).to({state:[{t:this.instance_95}]},1).to({state:[{t:this.instance_96}]},1).to({state:[{t:this.instance_97}]},1).to({state:[{t:this.instance_98}]},1).to({state:[{t:this.instance_99}]},1).to({state:[{t:this.instance_100}]},1).to({state:[{t:this.instance_101}]},1).to({state:[{t:this.instance_102}]},1).to({state:[{t:this.instance_103}]},1).to({state:[{t:this.instance_104}]},1).to({state:[{t:this.instance_105}]},1).to({state:[{t:this.instance_106}]},1).to({state:[{t:this.instance_107}]},1).to({state:[{t:this.instance_108}]},1).to({state:[{t:this.instance_109}]},1).to({state:[{t:this.instance_110}]},1).to({state:[{t:this.instance_111}]},1).to({state:[{t:this.instance_112}]},1).to({state:[{t:this.instance_113}]},1).to({state:[{t:this.instance_114}]},1).to({state:[{t:this.instance_115}]},1).to({state:[{t:this.instance_116}]},1).to({state:[{t:this.instance_117}]},1).to({state:[{t:this.instance_118}]},1).to({state:[{t:this.instance_119}]},1).to({state:[{t:this.instance_120}]},1).to({state:[{t:this.instance_121}]},1).to({state:[{t:this.instance_122}]},1).to({state:[{t:this.instance_123}]},1).to({state:[{t:this.instance_124}]},1).to({state:[{t:this.instance_125}]},1).to({state:[{t:this.instance_126}]},1).to({state:[{t:this.instance_127}]},1).to({state:[{t:this.instance_64}]},1).wait(1)); }).prototype = p = new cjs.MovieClip(); p.nominalBounds = new cjs.Rectangle(606,3.5,733,255); // stage content: (lib.ventec = function(mode,startPosition,loop) { if (loop == null) { loop = false; } this.initialize(mode,startPosition,loop,{}); // timeline functions: this.frame_0 = function() { /* // stop the movie from continuing stop(); // create a function called onEnterFrame // with this name, it is an event handler // and is called automatically by the flash // player every frame at intervals specified // by the frame rate of the movie onEnterFrame = function(){ // the movie is completely loaded when // the _framesloaded property of the main timeline // (_root) equals its total frames. If that happens // if (_root._framesloaded == _root._totalframes){ // or when getBytesLoaded equals getBytesTotal if (_root.getBytesLoaded() == _root.getBytesTotal()){ // delete the onEnterFrame event handler // so that it is no longer being called // every frame delete onEnterFrame; // tell the main timeline to play play(); } }*/ } this.frame_156 = function() { /* stop();*/ } // actions tween: this.timeline.addTween(cjs.Tween.get(this).call(this.frame_0).wait(156).call(this.frame_156).wait(1)); // Text this.instance = new lib.gundrills(); this.instance.setTransform(713.5,92); this.timeline.addTween(cjs.Tween.get(this.instance).wait(157)); // Rotation this.instance_1 = new lib._001(); this.instance_1.setTransform(-22.3,-1.2); this.test = new lib.Rotation(); this.test.setTransform(-258.4,120.3,1,1,0,0,0,370,125); this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.instance_1}]}).to({state:[{t:this.test}]},1).wait(156)); }).prototype = p = new cjs.MovieClip(); p.nominalBounds = new cjs.Rectangle(457.7,124.3,972.8,255); })(lib = lib||{}, images = images||{}, createjs = createjs||{}, ss = ss||{}); var lib, images, createjs, ss; There seems to be an error at the bottom of the JS file. Screenshot attached. Thanks guys! If I can solve this I can get on with the other rotations on the site too
-
Sorry mate just seen your reply. Thanks for the link, it helped me get things working with... order by length(ref) desc, ref desc Nice one!
-
Hey all, I'm trying to get a php loop to display records descending by reference by using SELECT * FROM coll_grey order by ref desc But some numbers are into their thousands, so sorting by desc doesn't work. The results display something like this R997 R996 R995 R1002 Is there a way to get the 1002 to appear before the 997, so they are treated as real numbers? I guess it's only looking at the first few digits and maybe the R is causing a problem? Thanks guys
-
I took the code from another example and modified it so I guess there is stuff in there that isn't needed. To be honest I'm not sure what does what but it's nearly working! I'll try to take bits out and get it down to something more simple. Thanks
-
Hey guys, I'm messing around with Javascript and almost there but two things aren't working on my form. I've got rows of inputs, which have qty, price and total. If I enter qty "2" and price "2.40", total says 4.8 and I need it to say 4.80. Also the grand total at the bottom of the form seems to be rounding things down, so it says 4.00, not 4.80. Would really appreciate it if someone can help. Been changing every bit of the code but I just can't get it working! Cheers $(function () { $('.price').on('change', function () { var unit = $(this).hasClass('price') ? $(this).val() : $(this).siblings('.price').val(); var qty = $(this).hasClass('qty') ? $(this).val() : $(this).siblings('.qty').val(); unit = unit || 0; qty = qty || 0; var val = unit >= 1 && qty >= 1 ? parseFloat(unit * qty) : 0; $(this).siblings('.total').val(val); var total = 0; var update = false; $('.total').each(function () { val = parseFloat($(this).val()) | 0; total = val ? (parseFloat(total + val)) : total; }); $('.grandTotal').val(total.toFixed(2)); }); });
-
Thanks Bluedreamer and Browserbugs. I'll let them know it needs some content. Cheers
-
Thanks, I'll give that a try
-
Hey all, I designed a website for a customer around 6 months ago and the homepage isn't coming up in Google when you search for the company name (followed by the word "bridal"). The About Us page is though. I told them it may be because there's no text content on the homepage but one of their other website's homepage is coming up fine and that has no text content, so that didn't wash. I just can't figure out what the problem is. It's annoying as every time I try a fix I have to wait for Google to index before I can see if it worked. Would be really cool if someone could help me out as they are hassling me, quite rightly! Cheers http://goo.gl/0YCrn1
-
Thanks mate I thought it would be something simple.
-
Hey, I'm almost there with this and wondered if someone can help me adjust a couple of things? https://jsfiddle.net/x8ybf4a5/ At the moment, "go" disappears when the top three inputs are complete, which is correct but it's going wrong (I presume) because the "test" input is within the form and I'm targeting all inputs within the form. I need to target certain fields within the form so I actually want 10 fields and 5 of them with the class "hello" need to have a value for "go" to disappear. Please could someone help me get this working? I know I need to target classes but not sure of the syntax, being rubbish at this kinda thing! Cheers
-
Thanks buddy I'll give this a try when I get home later.
-
Hey all, I'm trying to get certain records to display on my website depending on which day of the month it is. I'm not that experienced with PHP so am trying to fudge something together with multiple recordsets... mysql_select_db($database_db, $db); $query_recordsA = "SELECT * FROM jobs WHERE band = 'A'"; $recordsA = mysql_query($query_recordsA, $db) or die(mysql_error()); $row_recordsA = mysql_fetch_assoc($recordsA); $totalRows_recordsA = mysql_num_rows($recordsA); mysql_select_db($database_db, $db); $query_recordsB = "SELECT * FROM jobs WHERE band = 'B'"; $recordsB = mysql_query($query_recordsB, $db) or die(mysql_error()); $row_recordsB = mysql_fetch_assoc($recordsB); $totalRows_recordsB = mysql_num_rows($recordsB); I want to display recordsA if the server clock says 1st of the month, recordsB if it says 2nd of the month etc. So without knowing the code this is the kind of thing I'm looking for $query_recordsA = "SELECT * FROM jobs WHERE band = 'A' and (serverClockDay) = 01"; $query_recordsB = "SELECT * FROM jobs WHERE band = 'B' and (serverClockDay) = 02"; Can anyone help me get something working? Thanks guys!
-
Sorry guys, i've been away. Yes I've installed the extensions for CC and got things working how they were. I'm a bit concerned that websites built with this code will someday stop working tho so think I'll look into learning PDO. Thanks for the advice
-
Hello... A few years ago I got to grips with Dreamweaver's built in server behaviours and built a few simple web apps. In Dreamweaver CC they were missing so after looking into it, the technology is becoming depreciated so the panels have been removed. That sucks as I'm a bit of a slow learner and it helped me build websites that actually did things. Can anyone recommend a stable and long-term alternative to this that to would be worth me learning? So I really just want to be able to update databases via forms (post/get) and log users in/out etc. What would be the best technology/language to start learning? Thanks
-
Thanks buddy
-
Sorry for delay. That's great, I thought I might be doing it wrong. Do you think putting an index.php file in a folder for each page could be the reason the site isn't coming up in Google?
-
I would like my pages to have simple URLs like example.com/services. Up until now I've used example.com/services.php but these look messy when written down. So on my latest site I created a folder for each page and put an index.php inside it. So the index file inside gets served when connecting to example.com/services, if that makes sense. Am I going about this the wrong way? The new site isn't showing up on Google for some reason (been a couple of weeks now) and wondered if this is why. cheers
-
I tried the jsFiddle but need this to happen a couple of times on the same page. So I tried changing all instances of #fader to .fader but it broke it, prob down to my limited js knowledge. Is there a simple way to loop a sequence of fading DIVs? I don't need any pausing or prev/next buttons so plugins seem like overkill. thanks
-
Thanks for the info, I'll try a plugin. I was just wondering why it wasn't working after playing around with the delays a lot. Do scripts lose time or something?
-
Hey all, I'm trying to get a fade transition between three images, where each image displays for 4 seconds then the whole thing loops every 12 seconds. I'm a bit of a JS novice and I can't work out why everything goes out of sync after a few minutes of looping. Is there a better way to write this kind of loop? Thanks guys <div id="wrap" style="width:300px;height:300px;position:relative;background-color:gray"> <div id="imageA" style="background-color:yellow;position:absolute;height:300px;width:300px;display:none"></div> <div id="imageB" style="background-color:red;position:absolute;height:300px;width:300px;display:none"></div> <div id="imageC" style="background-color:blue;position:absolute;height:300px;width:300px;display:none"></div> </div> $(document).ready(function(){ ( function() { loop = function() { $("#imageA").fadeIn(0), $("#imageA").delay(3500).fadeOut(500), $("#imageB").delay(3500).fadeIn(500), $("#imageB").delay(4000).fadeOut(500), $("#imageC").delay(7500).fadeIn(500), $("#imageC").delay(3500).fadeOut(500), $("#imageA").delay(7500).fadeIn(500), setTimeout(loop, 12000); }; setTimeout(loop, 0); }()); });
-
Hey I'm running a search where a user selects one or both drop downs and my products get filtered. I want them to display descending by ref but am struggling with the syntax. Drop2 is sorting by ref descending correctly but could anyone tell me how to apply this to drop1 and also if something is selected in both drop downs? I've tried putting the Order By in the quotes at the end of the drop1 statement and also removing it from the drop2 statement and putting it once after the WHERE statement but am getting errors. Any help would be really appreciated. Thanks $drop1 = $_POST['search1']; $drop2 = $_POST['search2']; $query_test = 'SELECT * FROM test WHERE 1=1' . ($drop1 ? ' AND `colour` LIKE "%' . $drop1 . '%"' : '') . ($drop2 ? ' AND `style` LIKE "%' . $drop2 . '%"' : ' ORDER BY ref DESC');
-
Thanks, I'll take a look. I've been keen to start using some sort of framework so appreciate the advice.
-
Thanks for the advice. Yeah I can already feel myself picking up some bad habits and trying to find workarounds like the example above. The back end is very basic, just allowing customers to change website text so I've just been echoing and updating records so far. Can you recommend a simple framework? Thanks buddy
-
Works perfectly, thank you
-
Hey all. I'm using the following javascript to count the characters in several text areas and it works fine when you start typing. I need it to show the characters in the text area once the page has loaded then to continue counting when a user adds to the text. I'm guessing I need something other than keyup to check the characters once the page has loaded? Thanks $(document).ready(function() { $('.countThisA').keyup(function() { var cs = $(this).val().length; $('#countA').val(cs); }); $('.countThisB').keyup(function() { var cs = $(this).val().length; $('#countB').val(cs); }); });
