OnMouseOver/Shared Borders - 9/29/2001 13:56:00
I created navigation buttons along the left side of my page that I want a simple mouseover effect to happen to...I also made these buttons into a shared border along the left side of every page. This works perfectly until I go to a page that is in a sepearte folder outside of the root directory on my site. On these pages that are under different folders, the buttons change to blank bars as though the graphic is not available and then will not change back to their original form.I'll paste the code for my Left border below...any help will be appreciated. PS- my next task will be to make a seperate set of buttons for a Members section, is there an easier way to apply this to a folder in FP 2000 than going page by page and updating. thanks, bryan CODE FOR LEFT BORDER: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>Shared Left Border</title> <meta name="Microsoft Border" content="none"> </head> <body>
<TABLE border="0" cellspacing="0" cellpadding="0"> <script language="JavaScript" type="text/javascript"> <!-- Dummy comment to hide code from non-JavaScript browsers. if (document.images) { drar_menu_B1_off = new Image(); drar_menu_B1_off.src = "drar_menu_B1.gif" drar_menu_B1_over = new Image(); drar_menu_B1_over.src = "drar_menu_B1_over.gif" drar_menu_B2_off = new Image(); drar_menu_B2_off.src = "drar_menu_B2.gif" drar_menu_B2_over = new Image(); drar_menu_B2_over.src = "drar_menu_B2_over.gif" drar_menu_B3_off = new Image(); drar_menu_B3_off.src = "drar_menu_B3.gif" drar_menu_B3_over = new Image(); drar_menu_B3_over.src = "drar_menu_B3_over.gif" drar_menu_B4_off = new Image(); drar_menu_B4_off.src = "drar_menu_B4.gif" drar_menu_B4_over = new Image(); drar_menu_B4_over.src = "drar_menu_B4_over.gif" drar_menu_B5_off = new Image(); drar_menu_B5_off.src = "drar_menu_B5.gif" drar_menu_B5_over = new Image(); drar_menu_B5_over.src = "drar_menu_B5_over.gif" drar_menu_B6_off = new Image(); drar_menu_B6_off.src = "drar_menu_B6.gif" drar_menu_B6_over = new Image(); drar_menu_B6_over.src = "drar_menu_B6_over.gif" drar_menu_B7_off = new Image(); drar_menu_B7_off.src = "drar_menu_B7.gif" drar_menu_B7_over = new Image(); drar_menu_B7_over.src = "drar_menu_B7_over.gif" drar_menu_B8_off = new Image(); drar_menu_B8_off.src = "drar_menu_B8.gif" drar_menu_B8_over = new Image(); drar_menu_B8_over.src = "drar_menu_B8_over.gif" drar_menu_B9_off = new Image(); drar_menu_B9_off.src = "drar_menu_B9.gif" drar_menu_B9_over = new Image(); drar_menu_B9_over.src = "drar_menu_B9_over.gif" drar_menu_B10_off = new Image(); drar_menu_B10_off.src = "drar_menu_B10.gif" drar_menu_B10_over = new Image(); drar_menu_B10_over.src = "drar_menu_B10_over.gif" drar_menu_B11_off = new Image(); drar_menu_B11_off.src = "drar_menu_B11.gif" drar_menu_B11_over = new Image(); drar_menu_B11_over.src = "drar_menu_B11_over.gif" drar_menu_B12_off = new Image(); drar_menu_B12_off.src = "drar_menu_B12.gif" drar_menu_B12_over = new Image(); drar_menu_B12_over.src = "drar_menu_B12_over.gif" drar_menu_B13_off = new Image(); drar_menu_B13_off.src = "drar_menu_B13.gif" drar_menu_B13_over = new Image(); drar_menu_B13_over.src = "drar_menu_B13_over.gif" drar_menu_B14_off = new Image(); drar_menu_B14_off.src = "drar_menu_B14.gif" drar_menu_B14_over = new Image(); drar_menu_B14_over.src = "drar_menu_B14_over.gif" } function turn_off(ImageName) { if (document.images != null) { document[ImageName].src = eval(ImageName + "_off.src"); } } function turn_over(ImageName) { if (document.images != null) { document[ImageName].src = eval(ImageName + "_over.src"); } } // End of dummy comment --> </script> <tr><td><a href="HTTP://www.drar.com" onmouseout="turn_off('drar_menu_B1')" onmouseover="turn_over('drar_menu_B1')" ><img name="drar_menu_B1" src="drar_menu_B1.gif" alt="Home" width="137" height="22" border="0"></a></td></tr> <tr><td><a href="http://drar.rexplorer.net/cmps$TAY/mlsx.htm" onmouseout="turn_off('drar_menu_B2')" onmouseover="turn_over('drar_menu_B2')" ><img name="drar_menu_B2" src="drar_menu_B2.gif" alt="" width="137" height="22" border="0"></a></td></tr> <tr><td><a href="http://www.drar.com/login.asp?Redirect=/members.asp" onmouseout="turn_off('drar_menu_B3')" onmouseover="turn_over('drar_menu_B3')" ><img name="drar_menu_B3" src="drar_menu_B3.gif" alt="" width="137" height="22" border="0"></a></td></tr> <tr><td><a href="http://www.drar.com/home_search.htm" onmouseout="turn_off('drar_menu_B4')" onmouseover="turn_over('drar_menu_B4')" ><img name="drar_menu_B4" src="drar_menu_B4.gif" alt="" width="137" height="22" border="0"></a></td></tr> <tr><td><a href="http://www.drar.com/Office_Search.asp" onmouseout="turn_off('drar_menu_B5')" onmouseover="turn_over('drar_menu_B5')" ><img name="drar_menu_B5" src="drar_menu_B5.gif" alt="" width="137" height="22" border="0"></a></td></tr> <tr><td><a href="http://www.drar.com/Agent_Search.asp" onmouseout="turn_off('drar_menu_B6')" onmouseover="turn_over('drar_menu_B6')" ><img name="drar_menu_B6" src="drar_menu_B6.gif" alt="Agent Search" width="137" height="22" border="0"></a></td></tr> <tr><td><a href="http://www.drar.com/NAR_Relief.htm" onmouseout="turn_off('drar_menu_B7')" onmouseover="turn_over('drar_menu_B7')" ><img name="drar_menu_B7" src="drar_menu_B7.gif" alt="NAR Relief Fund" width="137" height="22" border="0"></a></td></tr> <tr><td><a href="http://www.drar.com/Membership/index.asp" onmouseout="turn_off('drar_menu_B8')" onmouseover="turn_over('drar_menu_B8')" ><img name="drar_menu_B8" src="drar_menu_B8.gif" alt="Membership Info" width="137" height="22" border="0"></a></td></tr> <tr><td><a href="http://www.drar.com/Misc/index.htm" onmouseout="turn_off('drar_menu_B9')" onmouseover="turn_over('drar_menu_B9')" ><img name="drar_menu_B9" src="drar_menu_B9.gif" alt="Miscellaneous" width="137" height="22" border="0"></a></td></tr> <tr><td><a href="http://www.drar.com/Realtor%20Store/realtor_catalog.pdf" onmouseout="turn_off('drar_menu_B10')" onmouseover="turn_over('drar_menu_B10')" ><img name="drar_menu_B10" src="drar_menu_B10.gif" alt="Realtor Store" width="137" height="22" border="0"></a></td></tr> <tr><td><a href="http://www.drar.com/area_information.htm" onmouseout="turn_off('drar_menu_B11')" onmouseover="turn_over('drar_menu_B11')" ><img name="drar_menu_B11" src="drar_menu_B11.gif" alt="Area Infomation" width="137" height="22" border="0"></a></td></tr> <tr><td><a href="http://www.drar.com/Calendars/calendars.htm" onmouseout="turn_off('drar_menu_B12')" onmouseover="turn_over('drar_menu_B12')" ><img name="drar_menu_B12" src="drar_menu_B12.gif" alt="Calendars" width="137" height="22" border="0"></a></td></tr> <tr><td><a href="http://www.drar.com/Community/community_outreach.asp" onmouseout="turn_off('drar_menu_B13')" onmouseover="turn_over('drar_menu_B13')" ><img name="drar_menu_B13" src="drar_menu_B13.gif" alt="Community Outreach" width="137" height="22" border="0"></a></td></tr> <tr><td><a href="http://www.drar.com/about_us.htm" onmouseout="turn_off('drar_menu_B14')" onmouseover="turn_over('drar_menu_B14')" ><img name="drar_menu_B14" src="drar_menu_B14.gif" alt="About Us" width="137" height="22" border="0"></a></td></tr> </TABLE> </body> </html>
|