pixeltrace Posted June 24, 2007 Share Posted June 24, 2007 hi, please check this http://www.phpfreaks.com/forums/index.php/board,1.0.html currently i am using ajax in my right menu in mozilla i dont see any errors, but in IE, whenever i rollover the buttons ex. about us, our schools, etc, a space on the bottom of the menu suddenly appears and i dont know where is it coming. one of my friend told me that i can use hide/unhide on this one better than ajax. (style.visibility) but i dont know how to make it work. hope you could help me with this. if you need to check the code of my page this is the code for abttest.htm <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>KAPLAN SINGAPORE: Website Design Concept</title> <style type="text/css"> <!-- body { background-color: #330066; } --> </style> <script language="JavaScript" type="text/JavaScript"> function Load() { document.getElementById("my_site_content").innerHTML = "<img src='images/menu/about.jpg'>"; } </script> <script type="text/javascript" src="ajax_navigation.js"></script> </head> <body onload= Load()"> <table width="950" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF" bgcolor="#FFFFFF"> <tr> <td width="950"><table width="950" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"> <tr> <td width="485" rowspan="12" valign="top"><img src="images/logo.gif" width="485" height="80" /><img src="images/main-abt.jpg" width="485" height="270" /></td> <td width="155" valign="top"><img src="images/menu/spacer.gif" width="1" height="31" /></td> <td width="310" rowspan="12" valign="top"><span id="my_site_content"></span></td> </tr> <tr> <td valign="top"><a href="javascript:void(0)" onmouseover="open_url('aboutus.html','my_site_content')"><img src="images/menu/aboutus.gif" name="Aboutus" width="155" height="27" border="0" id="Aboutus" /></a></td> </tr> <tr> <td valign="top"><a href="javascript:void(0)" onmouseover="open_url('school.html','my_site_content')"><img src="images/menu/school.gif" name="school" width="155" height="29" border="0" id="school" /></a></td> </tr> <tr> <td valign="top"><a href="javascript:void(0)" onmouseover="open_url('programme.html','my_site_content')"><img src="images/menu/programme.gif" name="programme" width="155" height="28" border="0" id="programme" /></a></td> </tr> <tr> <td valign="top"><a href="javascript:;"><img src="images/menu/partner.gif" width="155" height="28" border="0" /></a></td> </tr> <tr> <td valign="top"><a href="javascript:;"><img src="images/menu/academic.gif" width="155" height="32" border="0" /></a></td> </tr> <tr> <td valign="top"><a href="javascript:;"><img src="images/menu/career.gif" width="155" height="27" border="0" /></a></td> </tr> <tr> <td valign="top"><a href="javascript:;"><img src="images/menu/news.gif" width="155" height="31" border="0" /></a></td> </tr> <tr> <td valign="top"><a href="javascript:;"><img src="images/menu/resource.gif" width="155" height="29" border="0" /></a></td> </tr> <tr> <td valign="top"><a href="javascript:void(0)" onmouseover="open_url('community.html','my_site_content')"><img src="images/menu/community.gif" name="community" width="155" height="33" border="0" id="community" /></a></td> </tr> <tr> <td valign="top"><a href="javascript:;"><img src="images/menu/contact.gif" width="155" height="27" border="0" /></a></td> </tr> <tr> <td width="155" valign="top"> </td> </tr> <tr> <td colspan="3" valign="top"><img src="images/search.jpg" width="950" height="304" /></td> </tr> <tr> <td colspan="3" valign="top"><img src="images/footer.jpg" width="950" height="36" vspace="10" /></td> </tr> </table></td> </tr> </table> </body> </html> and this is the code of my ajax_navigation.js /* Ultimater's edited version of: http://jibbering.com/2002/4/httprequest.html to serve IE7 with XMLHttpRequest instead of ActiveX */ var xmlhttp=false; if (!xmlhttp && typeof XMLHttpRequest!='undefined') { try { xmlhttp = new XMLHttpRequest(); } catch (e) { xmlhttp=false; } } /*@cc_on @*/ /*@if (@_jscript_version >= 5) // JScript gives us Conditional compilation, we can cope with old IE versions. // and security blocked creation of the objects. if (!xmlhttp){ try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (E) { xmlhttp = false; } } } @end @*/ if (!xmlhttp && window.createRequest) { try { xmlhttp = window.createRequest(); } catch (e) { xmlhttp=false; } } /* Ultimater's edited version of: http://javascript.internet.com/ajax/ajax-navigation.html */ var please_wait = ""; function open_url(url, targetId) { if(!xmlhttp)return false; var e=document.getElementById(targetId);if(!e)return false; if(please_wait)e.innerHTML = please_wait; xmlhttp.open("GET", url, true); xmlhttp.onreadystatechange = function() { response(url, e); } try{ xmlhttp.send(null); }catch(l){ while(e.firstChild)e.removeChild(e.firstChild);//e.innerHTML="" the standard way e.appendChild(document.createTextNode("request failed")); } } function response(url, e) { if(xmlhttp.readyState != 4)return; var tmp= (xmlhttp.status == 200 || xmlhttp.status == 0) ? xmlhttp.responseText : "Ooops!! A broken link! Please contact the webmaster of this website ASAP and give him the following error code: " + xmlhttp.status+" "+xmlhttp.statusText; var d=document.createElement("div"); d.innerHTML=tmp; setTimeout(function(){ while(e.firstChild)e.removeChild(e.firstChild);//e.innerHTML="" the standard way e.appendChild(d); },10) } hope you could help me with this. thanks! Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.