mozilla drop down

  • dhru
  • Born
  • Born
  • dhru
  • Posts: 1

Post 3+ Months Ago

I am new to this drop down menu, but does anyone know how to make this work in mozilla?? :oops:

Code: [ Select ]
<HTML>
<HEAD>
<TITLE>
</TITLE>

<STYLE>
A:Hover { color:steelblue; background-color:black; text-decoration:none; font-size: 10pt; font-family: Verdana, Arial }
A { color:royalblue; text-decoration:none; font-size: 10pt; font-family: Verdana, Arial }
</STYLE>

<SCRIPT LANGUAGE="Javascript">

ie4 = ((navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 4 ))
ns4 = ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) >= 4 ))

if (ns4) {
layerRef="document.layers";
styleRef="";
} else {
layerRef="document.all";
styleRef=".style";
}

function openDropdown(Dropdown)
{
eval(layerRef + '["' + Dropdown +'"]' + styleRef + '.visibility = "visible"');
}

function closeDropdown(Dropdown)
{
eval(layerRef + '["' + Dropdown +'"]' + styleRef + '.visibility = "hidden"');
}

</SCRIPT>

</HEAD>

<BODY bgColor=#0088CA text=#000000>

<CENTER>
<table border=0 cellspacing=0 cellpadding=0>
<TR valign=top>

<TD>
<DIV STYLE="background-color:silver; width:220" onmouseover="openDropdown('div1')" onmouseout="closeDropdown('div1')">
<CENTER><a href=# onmouseover="openDropdown('div1')" onmouseout="closeDropdown('div1')">Biographies</a></CENTER>
</DIV>
    <DIV id="div1" onmouseover="openDropdown('div1')" onmouseout="closeDropdown('div1')" style="position:relative; layer-background-color:silver; background-color:silver; width:220; border-width:thin; border-color:white; border-style: groove; visibility: hidden">
     <table cellpadding="0" cellspacing="0" width="220" border="0">
         <tr><td height="15" width="220">         
         <a href="#" onmouseover="openDropdown('div1')" onmouseout="closeDropdown('div1')">Sarah
     Michelle Gellar</a><br></td></tr>
         <tr><td height="15" width="220"> 
     <a href="#" onmouseover="openDropdown('div1')" onmouseout="closeDropdown('div1')">Nicholas
     Brendon</a><br></td></tr>
          <tr><td height="15" width="220"> 
     <a href="#" onmouseover="openDropdown('div1')" onmouseout="closeDropdown('div1')">David
     Boreanaz</a><br></td></tr>
          </table>
    </DIV>
</TD>

<TD>
<DIV STYLE="background-color:silver; width:140" onmouseover="openDropdown('div2')" onmouseout="closeDropdown('div2')">
<CENTER><a href=# onmouseover="openDropdown('div2')" onmouseout="closeDropdown('div2')">Summaries</a></CENTER>
</DIV>
    <div id=div2 onmouseover="openDropdown('div2')" onmouseout="closeDropdown('div2')" style="position:relative; layer-background-color:silver; background-color:silver; width:140; border-width:thin; border-color:white; border-style: groove; visibility: hidden">
     <a href="#" onmouseover="openDropdown('div2')" onmouseout="closeDropdown('div2')">Season
     1</a><br>
     <a href="#" onmouseover="openDropdown('div2')" onmouseout="closeDropdown('div2')">Season
     2</a><br>
     <a href="#" onmouseover="openDropdown('div2')" onmouseout="closeDropdown('div2')">Season
     3</a><br>
    </DIV>
</TD>

<TD>
<DIV STYLE="background-color:silver; width:140" onmouseover="openDropdown('div3')" onmouseout="closeDropdown('div3')" >
<CENTER><a href=# onmouseover="openDropdown('div3')" onmouseout="closeDropdown('div3')">Gallery</a></CENTER>
</DIV>
    <DIV id=div3 onmouseover="openDropdown('div3')" onmouseout="closeDropdown('div3')" style="position:relative; layer-background-color:silver; background-color:silver; width:140; border-width:thin; border-color:white; border-style: groove; visibility: hidden">
     <a href="#" onmouseover="openDropdown('div3')" onmouseout="closeDropdown('div3')">Other
     Sites</a><br>
     <a href="#" onmouseover="openDropdown('div3')" onmouseout="closeDropdown('div3')">Sounds
     and Videos</a> </DIV>
</TD>

</TR>
</TABLE>
</CENTER>


</BODY></HTML>
  1. <HTML>
  2. <HEAD>
  3. <TITLE>
  4. </TITLE>
  5. <STYLE>
  6. A:Hover { color:steelblue; background-color:black; text-decoration:none; font-size: 10pt; font-family: Verdana, Arial }
  7. A { color:royalblue; text-decoration:none; font-size: 10pt; font-family: Verdana, Arial }
  8. </STYLE>
  9. <SCRIPT LANGUAGE="Javascript">
  10. ie4 = ((navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 4 ))
  11. ns4 = ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) >= 4 ))
  12. if (ns4) {
  13. layerRef="document.layers";
  14. styleRef="";
  15. } else {
  16. layerRef="document.all";
  17. styleRef=".style";
  18. }
  19. function openDropdown(Dropdown)
  20. {
  21. eval(layerRef + '["' + Dropdown +'"]' + styleRef + '.visibility = "visible"');
  22. }
  23. function closeDropdown(Dropdown)
  24. {
  25. eval(layerRef + '["' + Dropdown +'"]' + styleRef + '.visibility = "hidden"');
  26. }
  27. </SCRIPT>
  28. </HEAD>
  29. <BODY bgColor=#0088CA text=#000000>
  30. <CENTER>
  31. <table border=0 cellspacing=0 cellpadding=0>
  32. <TR valign=top>
  33. <TD>
  34. <DIV STYLE="background-color:silver; width:220" onmouseover="openDropdown('div1')" onmouseout="closeDropdown('div1')">
  35. <CENTER><a href=# onmouseover="openDropdown('div1')" onmouseout="closeDropdown('div1')">Biographies</a></CENTER>
  36. </DIV>
  37.     <DIV id="div1" onmouseover="openDropdown('div1')" onmouseout="closeDropdown('div1')" style="position:relative; layer-background-color:silver; background-color:silver; width:220; border-width:thin; border-color:white; border-style: groove; visibility: hidden">
  38.      <table cellpadding="0" cellspacing="0" width="220" border="0">
  39.          <tr><td height="15" width="220">         
  40.          <a href="#" onmouseover="openDropdown('div1')" onmouseout="closeDropdown('div1')">Sarah
  41.      Michelle Gellar</a><br></td></tr>
  42.          <tr><td height="15" width="220"> 
  43.      <a href="#" onmouseover="openDropdown('div1')" onmouseout="closeDropdown('div1')">Nicholas
  44.      Brendon</a><br></td></tr>
  45.           <tr><td height="15" width="220"> 
  46.      <a href="#" onmouseover="openDropdown('div1')" onmouseout="closeDropdown('div1')">David
  47.      Boreanaz</a><br></td></tr>
  48.           </table>
  49.     </DIV>
  50. </TD>
  51. <TD>
  52. <DIV STYLE="background-color:silver; width:140" onmouseover="openDropdown('div2')" onmouseout="closeDropdown('div2')">
  53. <CENTER><a href=# onmouseover="openDropdown('div2')" onmouseout="closeDropdown('div2')">Summaries</a></CENTER>
  54. </DIV>
  55.     <div id=div2 onmouseover="openDropdown('div2')" onmouseout="closeDropdown('div2')" style="position:relative; layer-background-color:silver; background-color:silver; width:140; border-width:thin; border-color:white; border-style: groove; visibility: hidden">
  56.      <a href="#" onmouseover="openDropdown('div2')" onmouseout="closeDropdown('div2')">Season
  57.      1</a><br>
  58.      <a href="#" onmouseover="openDropdown('div2')" onmouseout="closeDropdown('div2')">Season
  59.      2</a><br>
  60.      <a href="#" onmouseover="openDropdown('div2')" onmouseout="closeDropdown('div2')">Season
  61.      3</a><br>
  62.     </DIV>
  63. </TD>
  64. <TD>
  65. <DIV STYLE="background-color:silver; width:140" onmouseover="openDropdown('div3')" onmouseout="closeDropdown('div3')" >
  66. <CENTER><a href=# onmouseover="openDropdown('div3')" onmouseout="closeDropdown('div3')">Gallery</a></CENTER>
  67. </DIV>
  68.     <DIV id=div3 onmouseover="openDropdown('div3')" onmouseout="closeDropdown('div3')" style="position:relative; layer-background-color:silver; background-color:silver; width:140; border-width:thin; border-color:white; border-style: groove; visibility: hidden">
  69.      <a href="#" onmouseover="openDropdown('div3')" onmouseout="closeDropdown('div3')">Other
  70.      Sites</a><br>
  71.      <a href="#" onmouseover="openDropdown('div3')" onmouseout="closeDropdown('div3')">Sounds
  72.      and Videos</a> </DIV>
  73. </TD>
  74. </TR>
  75. </TABLE>
  76. </CENTER>
  77. </BODY></HTML>


Dhru
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5149
  • Loc: SC-USA

Post 3+ Months Ago

Hey dhru. Welcome to Ozzu!

Please try to keep your posts in the correct categories. Thanks.

//Moved

Post Information

  • Total Posts in this topic: 2 posts
  • Users browsing this forum: No registered users and 30 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.