Javascript menu not working properly in Opera
-
Hi guys, I'm having difficulty displaying my navigation bar in Opera. It's a menu bar with rollover buttons and drop down menu. When a drop down item is clicked it changes the src of the iframe below. It's working perfectly in IE, Firefox and Chrome but not in Opera. The 6 parent menu items display, with working rollovers, but i get no dropdowns from any of them. I've looked through my opera settings and can't seem to find anything. If anyone has any suggestions as to why this would happen I would be very grateful to hear them. Best regards Martin
-
Hi guys, I'm having difficulty displaying my navigation bar in Opera. It's a menu bar with rollover buttons and drop down menu. When a drop down item is clicked it changes the src of the iframe below. It's working perfectly in IE, Firefox and Chrome but not in Opera. The 6 parent menu items display, with working rollovers, but i get no dropdowns from any of them. I've looked through my opera settings and can't seem to find anything. If anyone has any suggestions as to why this would happen I would be very grateful to hear them. Best regards Martin
post code and maybe we can help - its probably a styles issue
-
post code and maybe we can help - its probably a styles issue
In the Head <script type="text/javascript"> <!-- function F_loadRollover(){} function F_roll(){} //--> </script> <script type="text/javascript" src="./assets/rollover.js"></script> <style type="text/css" title="NOF_STYLE_SHEET"> <!-- DIV#NavigationBar3_1LYR { position:absolute; visibility:hidden; top: 0; left: 0; z-index:1; } DIV#NavigationBar3_2LYR { position:absolute; visibility:hidden; top: 0; left: 0; z-index:1; } DIV#NavigationBar3_3LYR { position:absolute; visibility:hidden; top: 0; left: 0; z-index:1; } DIV#NavigationBar3_4LYR { position:absolute; visibility:hidden; top: 0; left: 0; z-index:1; } DIV#NavigationBar3_5LYR { position:absolute; visibility:hidden; top: 0; left: 0; z-index:1; } DIV#NavigationBar3_6LYR { position:absolute; visibility:hidden; top: 0; left: 0; z-index:1; } --> </style> In the body to display the parent menu items <code> <td width="139"> <a href="javascript:void(0)" style="cursor:default; text-decoration:none;" onMouseOver="F_loadRollover('NavigationButton1','',0);F_roll('NavigationButton1',1)" onMouseOut="F_roll('NavigationButton1',0)"> <img id="NavigationButton1" name="NavigationButton1" height="20" width="139" src="./assets/images/autogen/Core_Nbutton1_1.gif" onmouseover="F_loadRollover(this,'Core_NRbutton2_1.gif',new Array('NavigationBar3_1', 'vertical', 'fadeBottom', 0, 20))" border="0" alt="Core" title="Core" /> </a> </td> <td width="139"> &nb
-
In the Head <script type="text/javascript"> <!-- function F_loadRollover(){} function F_roll(){} //--> </script> <script type="text/javascript" src="./assets/rollover.js"></script> <style type="text/css" title="NOF_STYLE_SHEET"> <!-- DIV#NavigationBar3_1LYR { position:absolute; visibility:hidden; top: 0; left: 0; z-index:1; } DIV#NavigationBar3_2LYR { position:absolute; visibility:hidden; top: 0; left: 0; z-index:1; } DIV#NavigationBar3_3LYR { position:absolute; visibility:hidden; top: 0; left: 0; z-index:1; } DIV#NavigationBar3_4LYR { position:absolute; visibility:hidden; top: 0; left: 0; z-index:1; } DIV#NavigationBar3_5LYR { position:absolute; visibility:hidden; top: 0; left: 0; z-index:1; } DIV#NavigationBar3_6LYR { position:absolute; visibility:hidden; top: 0; left: 0; z-index:1; } --> </style> In the body to display the parent menu items <code> <td width="139"> <a href="javascript:void(0)" style="cursor:default; text-decoration:none;" onMouseOver="F_loadRollover('NavigationButton1','',0);F_roll('NavigationButton1',1)" onMouseOut="F_roll('NavigationButton1',0)"> <img id="NavigationButton1" name="NavigationButton1" height="20" width="139" src="./assets/images/autogen/Core_Nbutton1_1.gif" onmouseover="F_loadRollover(this,'Core_NRbutton2_1.gif',new Array('NavigationBar3_1', 'vertical', 'fadeBottom', 0, 20))" border="0" alt="Core" title="Core" /> </a> </td> <td width="139"> &nb
well your rollover images look fine. but thats not the problem here is it? is the site online?
-
well your rollover images look fine. but thats not the problem here is it? is the site online?
Afraid not, this is just development on our existing site.
-
Afraid not, this is just development on our existing site.
Well I suggest you do a search on google for "opera css issues" or similar and find out if ur dropdowns use any of the problematic css. there are usually hacks to stop certain browsers doing certain things - but unfortunately, I don't tend to support opera because of how few people use it - so I can't give you examples. You could try looking in Firefox's error log (Tools > error console) - that might point you in the right direction with warnings. And better still, if Opera has a similar log, do the same.