weird bug: subsequent click eaten on img inside anchor tag, firefox 3.5.5 on mac os x

/ Published in: HTML
Save to your folder(s)

Copy this code and paste it in your HTML
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
  2. <html xmlns="" dir="ltr" lang="en-US">
  3. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  4. <title>test</title>
  5. <!-- <script type="text/javascript" src=""></script> -->
  6. </head>
  7. <body id="help" onload="document.getElementById('debug').innerHTML='loaded... ';">
  9. <div id="debug" style="border: 1px solid #ccc;"></div>
  11. <div style="display: block; width: 96px; height: 96px; background-color: #eee;">
  12. <a style="display: block; width: 96px; height: 96px; background-color: #c00;" href="test.html" onmouseover="document.getElementById('hover_cover').style.display='block';" onmouseout="document.getElementById('hover_cover').style.display='none';" onclick="document.getElementById('debug').innerHTML+='clicked... ';"><img id="hover_cover" src="hover_cover.jpg" width="96" height="96" style="display: none; border-style: none;" alt="Hover" /></a>
  13. </div>
  15. </body>
  16. </html>

Report this snippet


RSS Icon Subscribe to comments

You need to login to post a comment.