Back To Website Design Forum

Sub-menu of poetry is not working (javascript, style sheets)

  • zudo
  • Beginner
  • Beginner
  • No Avatar
  • Joined: Jun 02, 2004
  • Posts: 35
  • Status: Offline

Post June 5th, 2004, 6:27 pm

Can someone find out why the sub_menu of poetry is not working?
Thanks
Code: [ Select ]
<html>
<head>
<title></title>



<style>
BODY {margin: 0px}
#menuBar {position: absolute; left: 0; top: 0; width: 100%; height: 22px; border: 3px #66ff00; background-color: black; layer-background-color: black}

.Menu {position: absolute; width: 120px; height: 22px; border: 1px #66ff00; layer-background-color: black; top: 0}
.moreMenu {position: absolute; width: 120px; border: 2px #66ff00; background-color: black; layer-background-color: black; visibility: hidden; top: 30px; z-index: 1}
.moremoreMenu {position: absolute; width: 120px; border: 2px #66ff00; background-color: black; layer-background-color: black; visibility: hidden; z-index: 2}
.itemAnchor {font-family: Bradley Hand ITC; font-size: 14px; color: #66ff00; text-decoration: none}
#legion {left: 0}
#logo {left: 120}
#thought {left: 240}
#me {left: 360}
#link {left: 480}
#mail {left: 600}

#moreLegion {position: absolute; left: 0}
#moreLogo {position: absolute; left: 120}
#moreThought {position: absolute; left: 240}
#moreMe {position: absolute; left: 360}
#moreLink {position: absolute; left: 480}

#moremorepoetry {position: absolute; top:50; left:240;}
#moremorehow_to {position: absolute; top:70; left:240;}

#moremorecomputer {position: absolute; top:30; left:480}
#moremoremartial_art {position: absolute; top:50; left:480}
#moremorenaruto {position: absolute; top:70; left:480}
#moremoretribes {position: absolute; top:90; left:480}
#moremorezoids {position: absolute; top:110; left:480}

#logo_menu {position: absolute; left: 670}
</style>
<script>

if (document.layers) {
 visible = 'show';
 hidden = 'hide';
} else if (document.all) {
 visible = 'visible';
 hidden = 'hidden';
}

function reveal(menu) {
 if (document.layers) {
  Menu = document.layers[menu];
 } else if (document.all) {
  Menu = document.all(menu).style;
 }
 if (Menu.visibility == visible) {
  Menu.visibility = hidden;
 } else {
  Menu.visibility = visible;
 }
 lastMenu = Menu;
}


</script>



</head>
<body MARGINWIDTH="0" MARGINHEIGHT="0" bgcolor="#000000" text="#66ff00">



<span class="itemAnchor"></span>
<div id="menuBar">
</div>

<div id="legion" class="Menu"><a href="#" class="itemAnchor"onclick="javascript: reveal('moreLegion'); return false;">Zudo's Legion</a></div>
<div id="logo" class="Menu"><a href="#" class="itemAnchor"onclick="javascript: reveal('moreLogo'); return false;">Logos</a></div>
<div id="thought" class="Menu"><a href="#" class="itemAnchor"onclick="javascript: reveal('moreThought'); return false;">Thoughts</a></div>
<div id="me" class="Menu"><a href="#" class="itemAnchor"onclick="javascript: reveal('moreMe'); return false;">About Me/<br>Hobbies</a></div>
<div id="link" class="Menu"><a href="#" class="itemAnchor"onclick="javascript: reveal('moreLink'); return false;">Links</a></div>
<div id="mail" class="Menu"><a href="mailto:wildprimate@hotmail.com" class="itemAnchor">E-mail Me</a></div>

<div id="moreLegion" class="moreMenu">
<a href="./legion/join.html" class="itemAnchor" target="area">Join</a><br>
<a href="./legion/about.html" class="itemAnchor" target="area">About</a><br>
</div>
  
<div id="moreLogo" class="moreMenu">
<a href="./logo/portfoilio.html" class="itemAnchor" target="area">Portfoilio</a><br>
<a href="./logo/buy.html" class="itemAnchor" target="area">Buying/Offers</a><br>
</div>

<div id="moreThought" class="moreMenu">
<a href="./thought/philosophy.html" class="itemAnchor" target="area">Philosophy</a><br>
<a href="#" class="itemAnchor" tonclick="javascript: reveal('moremorepoetry'); return false;">Poetry</a><br>
<a href="./thought/how-to.html" class="itemAnchor" target="area">How-To</a><br>
<a href="./thought/misc.html" class="itemAnchor" target="area">Misc</a><br>
</div>
    <div id="moremorepoetry" class="moremoremenu">
    <a href="./thought/philosophy.html" class="itemAnchor" target="area">Philosophy</a><br>
    
    
    
    
    </div>





<div id="moreMe" class="moreMenu">
<br>
<a href="./me/physical.html" class="itemAnchor" target="area">Physical</a><br>
<a href="./me/school.html" class="itemAnchor" target="area">School</a><br>
<a href="./me/computer.html" class="itemAnchor" target="area">Computers</a><br>
<a href="./me/martial_art.html" class="itemAnchor" target="area">Martial Arts</a><br>
<a href="./me/naruto.html" class="itemAnchor" target="area">Naruto</a><br>
<a href="./me/tribes.html" class="itemAnchor" target="area">Tribes</a><br>
<a href="./me/zoids.html" class="itemAnchor" target="area">Zoids</a><br>
</div>

<div id="moreLink" class="moreMenu">
<a href="./link/computer.html" class="itemAnchor" target="area">Computers</a><br>
<a href="./link/martial_art.html" class="itemAnchor" target="area">Martial Arts</a><br>
<a href="./link/naruto.html" class="itemAnchor" target="area">Naruto</a><br>
<a href="./link/tribes.html" class="itemAnchor" target="area">Tribes</a><br>
<a href="./link/zoids.html" class="itemAnchor" target="area">Zoids</a><br>
</div>

<div id="logo_menu">
<img src="logo_menu.jpg">
</div>

</body>
</html>
  1. <html>
  2. <head>
  3. <title></title>
  7. <style>
  8. BODY {margin: 0px}
  9. #menuBar {position: absolute; left: 0; top: 0; width: 100%; height: 22px; border: 3px #66ff00; background-color: black; layer-background-color: black}
  11. .Menu {position: absolute; width: 120px; height: 22px; border: 1px #66ff00; layer-background-color: black; top: 0}
  12. .moreMenu {position: absolute; width: 120px; border: 2px #66ff00; background-color: black; layer-background-color: black; visibility: hidden; top: 30px; z-index: 1}
  13. .moremoreMenu {position: absolute; width: 120px; border: 2px #66ff00; background-color: black; layer-background-color: black; visibility: hidden; z-index: 2}
  14. .itemAnchor {font-family: Bradley Hand ITC; font-size: 14px; color: #66ff00; text-decoration: none}
  15. #legion {left: 0}
  16. #logo {left: 120}
  17. #thought {left: 240}
  18. #me {left: 360}
  19. #link {left: 480}
  20. #mail {left: 600}
  22. #moreLegion {position: absolute; left: 0}
  23. #moreLogo {position: absolute; left: 120}
  24. #moreThought {position: absolute; left: 240}
  25. #moreMe {position: absolute; left: 360}
  26. #moreLink {position: absolute; left: 480}
  28. #moremorepoetry {position: absolute; top:50; left:240;}
  29. #moremorehow_to {position: absolute; top:70; left:240;}
  31. #moremorecomputer {position: absolute; top:30; left:480}
  32. #moremoremartial_art {position: absolute; top:50; left:480}
  33. #moremorenaruto {position: absolute; top:70; left:480}
  34. #moremoretribes {position: absolute; top:90; left:480}
  35. #moremorezoids {position: absolute; top:110; left:480}
  37. #logo_menu {position: absolute; left: 670}
  38. </style>
  39. <script>
  41. if (document.layers) {
  42.  visible = 'show';
  43.  hidden = 'hide';
  44. } else if (document.all) {
  45.  visible = 'visible';
  46.  hidden = 'hidden';
  47. }
  49. function reveal(menu) {
  50.  if (document.layers) {
  51.   Menu = document.layers[menu];
  52.  } else if (document.all) {
  53.   Menu = document.all(menu).style;
  54.  }
  55.  if (Menu.visibility == visible) {
  56.   Menu.visibility = hidden;
  57.  } else {
  58.   Menu.visibility = visible;
  59.  }
  60.  lastMenu = Menu;
  61. }
  64. </script>
  68. </head>
  69. <body MARGINWIDTH="0" MARGINHEIGHT="0" bgcolor="#000000" text="#66ff00">
  73. <span class="itemAnchor"></span>
  74. <div id="menuBar">
  75. </div>
  77. <div id="legion" class="Menu"><a href="#" class="itemAnchor"onclick="javascript: reveal('moreLegion'); return false;">Zudo's Legion</a></div>
  78. <div id="logo" class="Menu"><a href="#" class="itemAnchor"onclick="javascript: reveal('moreLogo'); return false;">Logos</a></div>
  79. <div id="thought" class="Menu"><a href="#" class="itemAnchor"onclick="javascript: reveal('moreThought'); return false;">Thoughts</a></div>
  80. <div id="me" class="Menu"><a href="#" class="itemAnchor"onclick="javascript: reveal('moreMe'); return false;">About Me/<br>Hobbies</a></div>
  81. <div id="link" class="Menu"><a href="#" class="itemAnchor"onclick="javascript: reveal('moreLink'); return false;">Links</a></div>
  82. <div id="mail" class="Menu"><a href="mailto:wildprimate@hotmail.com" class="itemAnchor">E-mail Me</a></div>
  84. <div id="moreLegion" class="moreMenu">
  85. <a href="./legion/join.html" class="itemAnchor" target="area">Join</a><br>
  86. <a href="./legion/about.html" class="itemAnchor" target="area">About</a><br>
  87. </div>
  88.   
  89. <div id="moreLogo" class="moreMenu">
  90. <a href="./logo/portfoilio.html" class="itemAnchor" target="area">Portfoilio</a><br>
  91. <a href="./logo/buy.html" class="itemAnchor" target="area">Buying/Offers</a><br>
  92. </div>
  94. <div id="moreThought" class="moreMenu">
  95. <a href="./thought/philosophy.html" class="itemAnchor" target="area">Philosophy</a><br>
  96. <a href="#" class="itemAnchor" tonclick="javascript: reveal('moremorepoetry'); return false;">Poetry</a><br>
  97. <a href="./thought/how-to.html" class="itemAnchor" target="area">How-To</a><br>
  98. <a href="./thought/misc.html" class="itemAnchor" target="area">Misc</a><br>
  99. </div>
  100.     <div id="moremorepoetry" class="moremoremenu">
  101.     <a href="./thought/philosophy.html" class="itemAnchor" target="area">Philosophy</a><br>
  102.     
  103.     
  104.     
  105.     
  106.     </div>
  112. <div id="moreMe" class="moreMenu">
  113. <br>
  114. <a href="./me/physical.html" class="itemAnchor" target="area">Physical</a><br>
  115. <a href="./me/school.html" class="itemAnchor" target="area">School</a><br>
  116. <a href="./me/computer.html" class="itemAnchor" target="area">Computers</a><br>
  117. <a href="./me/martial_art.html" class="itemAnchor" target="area">Martial Arts</a><br>
  118. <a href="./me/naruto.html" class="itemAnchor" target="area">Naruto</a><br>
  119. <a href="./me/tribes.html" class="itemAnchor" target="area">Tribes</a><br>
  120. <a href="./me/zoids.html" class="itemAnchor" target="area">Zoids</a><br>
  121. </div>
  123. <div id="moreLink" class="moreMenu">
  124. <a href="./link/computer.html" class="itemAnchor" target="area">Computers</a><br>
  125. <a href="./link/martial_art.html" class="itemAnchor" target="area">Martial Arts</a><br>
  126. <a href="./link/naruto.html" class="itemAnchor" target="area">Naruto</a><br>
  127. <a href="./link/tribes.html" class="itemAnchor" target="area">Tribes</a><br>
  128. <a href="./link/zoids.html" class="itemAnchor" target="area">Zoids</a><br>
  129. </div>
  131. <div id="logo_menu">
  132. <img src="logo_menu.jpg">
  133. </div>
  135. </body>
  136. </html>
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post June 5th, 2004, 6:27 pm

  • RichB
  • Guru
  • Guru
  • User avatar
  • Joined: May 17, 2003
  • Posts: 1121
  • Loc: Boston
  • Status: Offline

Post June 5th, 2004, 8:58 pm

I didn't test it or anything, but you've got a typo with the t before onclick:

Code: [ Select ]
tonclick="javascript: reveal('moremorepoetry');
Free Programming Resources
  • zudo
  • Beginner
  • Beginner
  • No Avatar
  • Joined: Jun 02, 2004
  • Posts: 35
  • Status: Offline

Post June 5th, 2004, 9:43 pm

now how bout that

Page 1 of 1

Post Information

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

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