Dose GSDevTools work with DoubleClick ad Banner?

[Macrossyiu]

Hi
 

I'm trying to make the GSDveTools works with Google DoubleClick Ad Banner. (Remove it  and submit the Ad banner to DobuleClick when I get approve from the client.)

I follow the tutorial from GS but the timeline tools doesn't show up. Please help.

Archive.zip

[GreenSock]

Sure, GSDevTools should work with any GSAP animations on a page. It looks like in your demo, though, you're using the ES module file directly in the browser, in a <script> tag that doesn't have type="module". That's why it's throwing errors. I'd recommend just using the minified file (GSDevTools.min.js) instead which is intended to run in that exact context.

 

Does that help? 

[Macrossyiu]

Thanks for the reply, Jack.

I added    <script type="module" src="DrawSVGPlugin.min.js"></script>  in the header. but no magic happens.
Anything that I'm missing?

Many thanks,

Archive-R1.zip

[GreenSock]

No no, type="module" is only for if you're using an ES module but you're using the regular ES5 minified file (which is what I'd recommend). Just remove that type="module" and you should be good-to-go. If you're still having trouble, please provide a reduced test case so we can inspect what's going on. I made the change in the files you provided, and it seemed to work great. 

[Macrossyiu]

Hi Jack,

I removed {type="module"} in the script but the tools-bar doesn't show up.

Archive-R2.zip

[GreenSock]

It looks like you tried loading "DrawSVGPlugin.min.js" instead of "GSDevTools.min.js". Completely different file

[Macrossyiu]

Ops~

My mistake. it is working now with the"GSDevTools.min.js"
Many thanks,