Here's a barebones example page. While making the example, I've discovered that this is a quirks-mode issue. When the doctype is omitted, the box reappears in IE7 but its sized incorrectly. So, how can I get it to work as desired with the xhtml doctype?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> <html xmlns="http://www.w3.org/1999/xhtml";> <head> <title>fadeIn/Out example</title> <script language="javascript" type="text/javascript" src="jquery.js"></script> <script language="javascript" type="text/javascript"> var controller = { } controller.show = function () { var now = (new Date()).toString(); $("#test").html( now ).fadeIn(); window.setTimeout( controller.hide, 4000 ); if (!controller.log) controller.log = document.getElementById("log"); controller.log.value = now + "\n"+ controller.log.value; } controller.hide = function () { $("#test").fadeOut(); // changing this to .hide() will fix the problem } $(document).ready( function() { window.setInterval( controller.show, 5000 ); } ); </script> <style type="text/css"> HTML, BODY { overflow: hidden; } BODY { background-color: black; } </style> </head> <body> <div id="test" style="background-color:Transparent; color:yellow; position:absolute; top:100px; left:100px; width:200px; height:200px; border: solid lime thin; padding:20px; display:none;"> Test </div> <textarea id="log" style="background-color: Silver; color:Black; position: absolute; font-size:8pt; top:100px; left:400px; width:200px; height: 200px; border: solid white think; padding: 4px;"></textarea> </body> </html> _______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
