一个href标签中的多功能调用

Question

I'm developing one Flipbook by using html , css , js . Also, i have included video files with the Book. The problem with the book is, When i load the book for the first time, video file is working, after flipping Video is not working. I found what the problem is. It needs to be refreshed when each page turns.

The following is the code which i'm using to call the video file.

<a class="voverlay" id="sk" href="index_videolb/vdbplayer.swf?volume=100&url=video/change1.mp4" onclick="javascript:myfunc();"><img  src="index_videolb/thumbnails/change1.png"/></a>

<script>
  function myfunc()
  {
    location.reload(true);
  }
</script>

The problem with the code is, It only access the Onclick function, not href .

Is there anyother way to access both href and onclick ?

Answer 1

If you have both href and onclick , href would override any onclick behaviour. To avoid that you can do,

<script>
    function myfunc(event)
    {
       event.preventDefault();
       location.reload(true);
    }
</script>

Answer 2

Try this

function myfunc() {                            
    window.location = "index_videolb/vdbplayer.swf?volume=100&url=video/change1.mp4";
}