Copy link to clipboard
Copied
By a process of elimination, when I add clickTag code to my HTML file, it's removing the stage colour.
</head>
<body onload="init();" style="margin:0px;">
<a href="javascript:window.open(window.clickTag)">
<canvas id="canvas" width="250" height="250"></canvas></a>
Is there a workaround please?
Thank you.
yes but you have duplicate canvas tags with identical ids, so your encoding is malformed.
try:
<body onload="init();" style="margin:0;">
<div id="animation_container" style="background-color:rgba(16, 24, 31, 1.00); width:250px; height:250px">
<a href="javascript:window.open(window.clickTag)">
<canvas id="canvas" width="250" height="250" style="position: absolute; display: block; background-color:rgba(16, 24, 31, 1.00);"></canvas>
</a>
<div id="dom_overlay_container" style="pointer-events:
Copy link to clipboard
Copied
is window.clickTag defined?
Copy link to clipboard
Copied
Sorry, do you mean this?
<meta name=”ad.size” content=”width=640,height=480”>
<script type="text/javascript">
var clickTag = "http://www.xyz.com"; </script>
Then, yes.
Copy link to clipboard
Copied
where's your canvas color tag?
Copy link to clipboard
Copied
Sorry, is part of this the canvas color tag?
</head>
<body onload="init();" style="margin:0;">
<a href="javascript:window.open(window.clickTag)">
<canvas id="canvas" width="250" height="250"></canvas></a>
<div id="animation_container" style="background-color:rgba(16, 24, 31, 1.00); width:250px; height:250px">
<canvas id="canvas" width="250" height="250" style="position: absolute; display: block; background-color:rgba(16, 24, 31, 1.00);"></canvas>
<div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:250px; height:250px; position: absolute; left: 0px; top: 0px; display: block;">
</div>
</div>
</body>
</html>
Copy link to clipboard
Copied
yes but you have duplicate canvas tags with identical ids, so your encoding is malformed.
try:
<body onload="init();" style="margin:0;">
<div id="animation_container" style="background-color:rgba(16, 24, 31, 1.00); width:250px; height:250px">
<a href="javascript:window.open(window.clickTag)">
<canvas id="canvas" width="250" height="250" style="position: absolute; display: block; background-color:rgba(16, 24, 31, 1.00);"></canvas>
</a>
<div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:250px; height:250px; position: absolute; left: 0px; top: 0px; display: block;">
</div>
</div>
</body>
Copy link to clipboard
Copied
Thank you so much.
Perhaps I need a course in coding...
Copy link to clipboard
Copied
you're welcome.
Find more inspiration, events, and resources on the new Adobe Community
Explore Now