HTML5 DCM Button Stuck on Hover State

[danielshires_scenic]

Hello forum

I'm having an issue getting a 'More Info' button hover state to work properly on a HTML5 banner ad, when testing against Google Double Click validator.

The button states works fine when testing locally e.g. Up, Over, Down all display as defined in the button symbol.

However testing the zipped file in the Google DCM validator, when you rollover onto the advert, the button state gets stuck on 'Hover'.

It does move onto 'Down' when clicking on the image, but the button never reverts to the default 'Up' state.

I'm not sure if this is to do with adding click tag HTML into the document, or if it is just an issue with the way I've set up the button states in Animate.

Any help would be grateful!!

Project Files Saved Here

Thanks,

Dan

[kdmemory · Accepted solution]

Hi Dan

I've looked at your file. The reason why it's get stuck on the hover (over) state is that you inserted a hit area the size of the entire canvas.

Hence there's always hit and the button is in over state all the time you are mousing your output. HTML5 Ads are often inserted into iFrames. Which precisely encapsulates the stage/canvas. When you roll out of the canvas you also roll out of the iframe. And the Up-event can't be detected/triggered because you are in another window (browser window). When you test locally your canvas in still in only one browser window and when you roll out of the canvas the Up-event works.

Klaus

[danielshires_scenic]

Hi Klaus

Thank you thank you thank you x 1000000, this was bugging the hell out of me and yet the answer is so obvious!!

Dan

[kngkelly]

So how can we execute a rollover effect in an HTML5 banner?