Hi all, I need to know how to implement clickTag code for a button that only appears for a short while in a banner ad I am creating. I don't want to apply it to the whole ad.
I have been given a sample code, but it makes the whole stage clickable all of the time rather than just a small section when it's meant to appear. Here's the supplied code:
Firstly I need to create a variable:
<script type="text/javascript">
var clickTag = "http://www.google.com";
</script>
Then I need to create the clickable link:
<a href="javascript:window.open(window.clickTag)">
<div id="Stage" class="EDGE-1052579"></div>
</a>
But as I say, this makes the whole stage clickable all of the time. This is manually added to the published HTML file.
So, I have been trying to create the variable as above in the published HTML, and then implement the clickTag click on the button on the stage within Edge so its appearance is controlled by the timeline.
sym.$("ctaButton").css("cursor","pointer");
Symbol.bindElementAction(compId, symbolName, "${ctaButton}", "click", function(sym, e) {
window.open("javascript:window.open(window.clickTag)", "_blank");
});
//Edge binding end
Doing this seems to have halted the animation, or the click isn't reacting when I need it to as the _blank window isn't opening.
I have followed a video by Paul Trani where he selects an object on the stage and then sets a symbol variable within Edge Animate (I was hoping to set it on mouseover), but I can't find that option. I'm assuming he recorded that video in an earlier version of Edge. So, my next solution is to try to set a variable in Edge because it does't seem to work when I add it to the published HTML, but how?
If you can see anything else that I might be abel to try, please let me know.
Thanks.