flash element inside href

Question

Using the following code:

<a href="/someurl">
  <div class='mydiv' 
   onMouseOver="document.getElementById('myid').sendEvent('play');"
   onMouseOut="document.getElementById('myid').sendEvent('stop');">
    <div id='myid'></div>
    <script type="text/javascript">
      flashplayer.init('myid');
    </script>
  </div>
</a>

Triggering play() and stop() works as expected, however the href doesn't do much, as the click event is sent to the flashplayer, and not following the hyperlink.

I have several such flashplayers on the page, and I'm trying to find a way to 'activate' the href onClick and honor the url specified in the <a href=""> construct. Specifically, it's in IE8 I'm struggling.

How can I do this using html/javascript?

*Edit:

After having come across javascript onclick event over flash object I managed to get closer to what I'm after. Using the onmousedown event, I can trigger javascript when clicking my overlay div. What's a good generic way to read the parent href url and issue location.href='/myparenturl';" style="cursor: pointer; ?

Why don't you use javascript for the href and place a onclick event? — JSantos, Aug 16 '11 at 12:25
Because the onclick event is captured by the flash, and not my overlaying div — Jon Skarpeteig, Aug 16 '11 at 12:56
I do not, I get the flash event, which is to pause the video (note, in IE8) — Jon Skarpeteig, Aug 16 '11 at 20:46
Don't know if this will help, but I found this: http://progproblems.blogspot.com/2009/08/javascript-onclick-for-flash-embeded.html — Dalal, Aug 30 '11 at 23:39

Simon · Accepted Answer · 2012-10-30T12:45:59.073

What's a good generic way to read the parent href url and issue location.href='/myparenturl';" style="cursor: pointer; ?

Why watching for onmousedown on the div? I made a jsfiddle demonstrating the extraction of the link attribute of each anchor tag on the page, just replace the alert(link) with window.location(link). You could also use getElementsByClassName instead of getElementsByTagName if there are just some links you want to fix.

var anchors = document.getElementsByTagName('a');
for(i = 0; i <= anchors.length; i++) {
    var anchor = anchors[i],
        link = anchor.getAttribute('href'),
        div = anchor.childNodes[0];
    div.onmousedown = function() {
        alert(link);
    }
}

update: inserted codesnippet

Because flash is stealing the onClick event – Jon Skarpeteig Mar 16 '12 at 21:41 — Jon Skarpeteig, Mar 16 '12 at 21:41

flash element inside href

1 Answers1