Advanced Search

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)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
  3. <head>
  4.   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5.   <title>test</title>
  6.   <!-- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> -->
  7. </head>
  8. <body id="help" onload="document.getElementById('debug').innerHTML='loaded... ';">
  9.  
  10. <div id="debug" style="border: 1px solid #ccc;"></div>
  11.  
  12. <div style="display: block; width: 96px; height: 96px; background-color: #eee;">
  13. <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>
  14. </div>
  15.  
  16. </body>
  17. </html>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.