|
Hi, Recently I wrote this _script_ for displaying simple menubar. It uses DOM and works fine in IE5.5 however doesn't work properly in NS6.0. Can you see any problematic part in my code ? <!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN <html <head <_title_DIV</_title_ <_style_ td.boxes_area { border-right: none; padding-right : none; border-top : none; padding-left : 0.2em; padding-bottom : 0.2em; border-left : none; padding-top : 0em; border-bottom : none; background-color : cccccc; } td.menu_bar { border-right: thin solid black; padding-right : 0.2em; border-top : none; padding-bottom : 0.2em; border-left : none; padding-top : 0em; border-bottom : none; background-color : cccccc; } div.box_top { font-family : Arial, Helvetica, sans-serif; border-right: none; border-top : thin solid black; padding-bottom : 0.2em; border-left : thin solid black; width : 5px; padding-top : 0.2em; border-bottom : thin solid black; font-weight : bold; background-color : f1f1f1; } div.box{ font-family : Arial, Helvetica, sans-serif; border-right: none; border-top : none; padding-bottom : 0.2em; border-left : thin solid black; width : 5px; padding-top : 0.2em; border-bottom : thin solid black; font-weight : bold; background-color : f1f1f1; } div.menu_top{ font-family : Arial, Helvetica, sans-serif; border-right: thin solid black; padding-right : 0.2em; border-top : thin solid black; padding-left : 0.2em; padding-bottom : 0.2em; border-left : thin solid black; width : 120px; padding-top : 0.2em; border-bottom : thin solid black; background : f1f1f1; font-weight : bold; } div.menu { font-family : Arial, Helvetica, sans-serif; border-right: thin solid black; padding-right : 0.2em; border-top : none; padding-left : 0.2em; padding-bottom : 0.2em; border-left : thin solid black; width : 120px; padding-top : 0.2em; border-bottom : thin solid black; background : f1f1f1; font-weight : bold; } A:_link_, A:VISITED, A:HOVER { color : 000000; text-decoration : none; } </_style_ <_script_ language= _java_script__ function highlight(element){ cell=document.getElementById(element.id); box=document.getElementById( box + element.id); if (box._style_.background != #800000 ){ box._style_.background = #800000 ; cell._style_.background = #cccccc ; } else{ box._style_.background = f1f1f1 ; cell._style_.background = #f1f1f1 ; } } </_script_ </head <body bgColor= #0066cc <table align= left cellspacing= 0 cellpadding= 0 width= 140 border= 1 <tr <td class= boxes_area width= 10 align= right valign= top <br<br<br <div id=box1 class= box_top </div <div id=box2 class= box </div <div id=box3 class= box </div <div id=box4 class= box </div <div id=box5 class= box </div <div id=box6 class= box </div <div id=box7 class= box </div <br<br<br </td <td class= menu_bar width= 130 align= left valign= top <br<br<br <div id=1 class= menu_top _onmouseover_= highlight(this); _onmouseout_= highlight(this); <a href= # class= menu_link_ _link_ 1</a</div <div id=2 class= menu _onmouseover_= highlight(this); _onmouseout_= highlight(this); <a href= # class= menu_link_ _link_ 2</a</div <div id=3 class= menu _onmouseover_= highlight(this); _onmouseout_= highlight(this); <a href= # class= menu_link_ _link_ 3</a</div <div id=4 class= menu _onmouseover_= highlight(this); _onmouseout_= highlight(this); <a href= # class= menu_link_ _link_ 4</a</div <div id=5 class= menu _onmouseover_= highlight(this); _onmouseout_= highlight(this); <a href= # class= menu_link_ _link_ 5</a</div <div id=6 class= menu _onmouseover_= highlight(this); _onmouseout_= highlight(this); <a href= # class= menu_link_ _link_ 6</a</div <div id=7 class= menu _onmouseover_= highlight(this); _onmouseout_= highlight(this); <a href= # class= menu_link_ _link_7</a</div <br<br<br </td </tr </table </body </html
|
Favoured: 0
