Back To Website Design Forum

mozilla drop down

  • dhru
  • Born
  • Born
  • No Avatar
  • Joined: Mar 16, 2004
  • Posts: 1
  • Status: Offline

Post March 16th, 2004, 11:07 am

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


Dhru
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post March 16th, 2004, 11:07 am

  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Joined: Dec 29, 2003
  • Posts: 5169
  • Loc: SC-USA
  • Status: Offline

Post March 16th, 2004, 11:23 am

Hey dhru. Welcome to Ozzu!

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

//Moved
- dM

Page 1 of 1

Post Information

  • Total Posts in this topic: 2 posts
  • Users browsing this forum: No registered users and 72 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
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.