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

  • zudo
  • Beginner
  • Beginner
  • zudo
  • Posts: 35

Post 3+ Months Ago

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

Post 3+ Months Ago

  • RichB
  • Guru
  • Guru
  • User avatar
  • Posts: 1121
  • Loc: Boston

Post 3+ Months Ago

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

Code: [ Select ]
tonclick="javascript: reveal('moremorepoetry');
  • zudo
  • Beginner
  • Beginner
  • zudo
  • Posts: 35

Post 3+ Months Ago

now how bout that

Post Information

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