Help with Drop Down Menus

HabboCouncil · 06-08-2007, 09:31 PM

Can any one help.. Im using this code for my drop down menus but it isnt working

Code Under Head >

eft;
font-weight:bold;
/*/*/border:0px solid #000000;/* */
}

.submenu{
margin-bottom: 0.5em;
}
</style>

<script type="text/javascript">

/***********************************************
* Switch Menu script- by Martial B of http://getElementById.com/
* Modified by Dynamic Drive for format & NS4/IE4 compatibility
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc)
var persisttype="sitewide" //enter "sitewide" for menu to persist across site, "local" for this page only

if (document.getElementById){ //DynamicDrive.com change
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}

function SwitchMenu(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("masterdiv").getElementsBy TagName("span"); //DynamicDrive.com change
if(el.style.display != "block"){ //DynamicDrive.com change
for (var i=0; i<ar.length; i++){
if (ar[i].className=="submenu") //DynamicDrive.com change
ar[i].style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "none";
}
}
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(off set, end))
}
}
return returnvalue;
}

function onloadfunction(){
if (persistmenu=="yes"){
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=get_cookie(cookiename)
if (cookievalue!="")
document.getElementById(cookievalue).style.display ="block"
}
}

function savemenustate(){
var inc=1, blockid=""
while (document.getElementById("sub"+inc)){
if (document.getElementById("sub"+inc).style.display= ="block"){
blockid="sub"+inc
break
}
inc++
}
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid
document.cookie=cookiename+"="+cookievalue
}

if (window.addEventListener)
window.addEventListener("load", onloadfunction, false)
else if (window.attachEvent)
window.attachEvent("onload", onloadfunction)
else if (document.getElementById)
window.onload=onloadfunction

if (persistmenu=="yes" && document.getElementById)
window.onunload=savemenustate

</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>

<link rel="stylesheet" type="text/css" href="style.css" />

<style type="text/css">
<!--
.style1 {color: #FFFFFF}
a

ink {
color: #FFFFFF;
}
a:hover {
color: #4F6676;
}
.style2 {margin-bottom: 5px; color:#FFFFFF; width:140px; padding:2px; text-align

eft; border:0px solid #000000; cursor: pointer;}
-->
</style>

Code for link

<div onclick="SwitchMenu('sub1')"><span class="menutitle"><img src="http://www.habbocouncil.co.uk/images/arrow.gif" width="17" height="11" /></span><span class="style2">HabboCouncil</span></div>
<span class="submenu" id="sub1"><span class="style1"><a href="http://www.habbocouncil.co.uk/html/content.html" target="middle" class="style5">» Home </a><br />
<a href="http://www.habbocouncil.co.uk/html/about.html" target="middle" class="style5">» About Us </a><br />
<a href="http://www.habbocouncil.co.uk/html/Disclaimer.html" target="middle" class="style5">» Disclaimer </a><br />
<a href="http://www.habbocouncil.co.uk/php/app.php" target="middle" class="style5">» Job Application</a><br />
<a href="http://www.habbocouncil.co.uk/html/staff.html" target="middle" class="style5">» Staff List</a><br />
<a href="http://www.habbocouncil.co.uk/html/djs.html" target="middle" class="style5">» Radio DJ's</a><br />
<a href="http://www.habbocouncil.co.uk/php/contact.php" target="middle" class="style5" class-"style5">» Contact Us </a><br />
<a href="http://www.habbocouncil.co.uk/html/room.html" target="middle" class="style5" class-"style5"> » Official HabboCouncil Rooms</a><br />
<a href="http://www.habbocouncil.co.uk/html/donators.html" target="middle" class="style5" class-"style5">» Donators</a></span><a href="http://www.habbocouncil.co.uk/html/donators.html" target="middle" class="style5" class-"style5"><br />
</a></span>
<div onclick="SwitchMenu('sub2')"><span class="style2"><span class="menutitle"><img src="http://www.habbocouncil.co.uk/images/arrow.gif" width="17" height="11" /></span>News</span></div>
<span class="submenu" id="sub2"><a href="http://www.habbocouncil.co.uk/Panel/news/news.php?page=news&news=select&category=UK " target="middle" class="style5">» UK News</a><br />
<a href="http://www.habbocouncil.co.uk/Panel/news/news.php?page=news&news=select&category=US A" target="middle" class="style5">» USA News</a><br />
<a href="http://www.habbocouncil.co.uk/Panel/news/news.php?page=news&news=select&category=CA " target="middle" class="style5">» CA News</a><br />
<a href="http://www.habbocouncil.co.uk/Panel/news/news.php?page=news&news=select&category=AU " target="middle" class="style5">» AU News</a><br />
<a href="http://www.habbocouncil.co.uk/Panel/news/news.php?page=news&news=select&category=Su lake" target="middle" class="style5">» Sulake News</a><br />
<a href="http://www.habbocouncil.co.uk/Panel/news/news.php?page=news&news=select&category=HC " target="middle" class="style5">» Habbo Council News</a><br />
<a href="http://www.habbocouncil.co.uk/Panel/news/news.php?page=news&news=select&category=Re al News" target="middle" class="style5">» Real Life News</a><br />
</span>
<div onclick="SwitchMenu('sub3')"><span class="menutitle"><img src="http://www.habbocouncil.co.uk/images/arrow.gif" width="17" height="11" /></span><span class="style2">Events</span></div>
<span class="submenu" id="sub3"> <a href="http://www.habbocouncil.co.uk/events/uk" target="middle" class="style5">» UK Events </a><br />
<a href="http://www.habbocouncil.co.uk/events/usa" target="middle" class="style5">» USA Events </a><br />
<a href="http://www.habbocouncil.co.uk/events/ca" target="middle" class="style5">» CA Events </a><br />
<a href="http://www.habbocouncil.co.uk/events/au" target="middle" class="style5">»AU Events </a><br />
</span>
<div onclick="SwitchMenu('sub4')"><span class="menutitle"><img src="http://www.habbocouncil.co.uk/images/arrow.gif" width="17" height="11" /></span><span class="style2">Articles</span></div>
<span class="submenu" id="sub4"> <a href="http://www.habbocouncil.co.uk/Panel/news/news.php?page=news&news=select&category=Ro om Review" target="middle" class="style5">» Room Review</a><br />
<a href="http://www.habbocouncil.co.uk/Panel/news/news.php?page=news&news=select&category=In terview" target="middle" class="style5">» Interview</a><br />
<a href="http://www.habbocouncil.co.uk/Panel/news/news.php?page=news&news=select&category=Bo ok Review" target="middle" class="style5">» Book Reviews</a><br />
<a href="http://www.habbocouncil.co.uk/Panel/news/news.php?page=news&news=select&category=Mu sic Review" target="middle" class="style5">» Music Review</a><br />
<a href="http://www.habbocouncil.co.uk/Panel/news/news.php?page=news&news=select&category=Fa nsite Review" target="middle" class="style5">» Fansite Reviews</a></span>
<div onclick="SwitchMenu('sub9')"><span class="menutitle"><img src="http://www.habbocouncil.co.uk/images/arrow.gif" width="17" height="11" /></span><span class="style2">Rare Values </span></div>
<span class="submenu" id="sub9"> <a href="http://www.habbocouncil.co.uk/Panel/rares/view_rares.php" target="middle" class="style5">» All </a><br />
<a href="www.habbocouncil.co.uk/comingsoon" target="middle" class="style5">» Normal Rares </a><br />
<a href="www.habbocouncil.co.uk/comingsoon" target="middle" class="style5">» Super Rares</a><br />
<a href="www.habbocouncil.co.uk/comingsoon" target="middle" class="style5">» Seasonal Rares </a><br />
</span><span class="submenu"> </span>
<div onclick="SwitchMenu('sub5')"><span class="menutitle"><img src="http://www.habbocouncil.co.uk/images/arrow.gif" width="17" height="11" /></span><span class="style2"> Hotel Guides</span> </div>
<span class="submenu" id="sub5"> <a href="http://www.habbocouncil.co.uk/html/badges.html" target="middle" class="style5">» Badges</a><br />
<br />
</span>
<div onclick="SwitchMenu('sub6')"><span class="menutitle"><img src="http://www.habbocouncil.co.uk/images/arrow.gif" width="17" height="11" /></span><span class="style2">Goodies</span></div>
<span class="submenu" id="sub6"> <a href="http://www.habbocouncil.co.uk/php/text.php" target="middle" class="style5">» Text Generator</a><br />
<br />
</span>
<div onclick="SwitchMenu('sub7')"><span class="menutitle"><img src="http://www.habbocouncil.co.uk/images/arrow.gif" width="17" height="11" /></span><span class="style2">Forum</span></div>
<span class="submenu" id="sub7"> <a href="http://www.habbocouncil.co.uk/forum" target="_blank" class="style5">» Forum</a><br />
<a href="http://www.habbocouncil.co.uk/Panel/news/news.php?page=news&news=select&category=Mu sic Review" target="_blank" class="style5">» Register</a><br />
<a href="http://www.habbocouncil.co.uk/forum/vip.php" target="" class="style5">» VIP</a><br />
</span> </div>

Any Help = + REP!

Scania · 07-08-2007, 06:16 AM

I reckon its something silly, I've had a quick scan through it and I see nothing wrong :S

~~Blob~~ · 07-08-2007, 09:26 AM

HTML Code:

 <style type="text/css">
.menutitle{
cursor:pointer;
margin-bottom: 5px;
color:#FFFFFF;
width:140px;
padding:2px;
text-align:left;
font-weight:bold;
/*/*/border:0px solid #000000;/* */
}

.submenu{
margin-bottom: 0.5em;
}
</style>

<script type="text/javascript">

/***********************************************
* Switch Menu script- by Martial B of http://getElementById.com/
* Modified by Dynamic Drive for format & NS4/IE4 compatibility
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

var persistmenu="yes" //"yes" or "no". Make sure each SPAN content contains an incrementing ID starting at 1 (id="sub1", id="sub2", etc)
var persisttype="sitewide" //enter "sitewide" for menu to persist across site, "local" for this page only

if (document.getElementById){ //DynamicDrive.com change
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}

function SwitchMenu(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("masterdiv").getElementsBy TagName("span"); //DynamicDrive.com change
if(el.style.display != "block"){ //DynamicDrive.com change
for (var i=0; i<ar.length; i++){
if (ar[i].className=="submenu") //DynamicDrive.com change
ar[i].style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "none";
}
}
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(off set, end))
}
}
return returnvalue;
}

function onloadfunction(){
if (persistmenu=="yes"){
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=get_cookie(cookiename)
if (cookievalue!="")
document.getElementById(cookievalue).style.display ="block"
}
}

function savemenustate(){
var inc=1, blockid=""
while (document.getElementById("sub"+inc)){
if (document.getElementById("sub"+inc).style.display= ="block"){
blockid="sub"+inc
break
}
inc++
}
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid
document.cookie=cookiename+"="+cookievalue
}

if (window.addEventListener)
window.addEventListener("load", onloadfunction, false)
else if (window.attachEvent)
window.attachEvent("onload", onloadfunction)
else if (document.getElementById)
window.onload=onloadfunction

if (persistmenu=="yes" && document.getElementById)
window.onunload=savemenustate

</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>

<link rel="stylesheet" type="text/css" href="style.css" />

<style type="text/css">
<!--
.style1 {color: #FFFFFF}
a:link {
color: #FFFFFF;
}
a:hover {
color: #4F6676;
}
.style2 {margin-bottom: 5px; color:#FFFFFF; width:140px; padding:2px; text-align:left; border:0px solid #000000; cursor: pointer;}
-->
</style>

HTML Code:

<div id="masterdiv">
<div onclick="SwitchMenu('sub1')"><span class="menutitle"><img src="http://www.habbocouncil.co.uk/images/arrow.gif" width="17" height="11" /></span><span class="style2">HabboCouncil</span></div>
<span class="submenu" id="sub1"><span class="style1"><a href="http://www.habbocouncil.co.uk/html/content.html" target="middle" class="style5">&raquo; Home </a><br />
<a href="http://www.habbocouncil.co.uk/html/about.html" target="middle" class="style5">&raquo; About Us </a><br />
<a href="http://www.habbocouncil.co.uk/html/Disclaimer.html" target="middle" class="style5">&raquo; Disclaimer </a><br />
<a href="http://www.habbocouncil.co.uk/php/app.php" target="middle" class="style5">» Job Application</a><br />
<a href="http://www.habbocouncil.co.uk/html/staff.html" target="middle" class="style5">» Staff List</a><br />
<a href="http://www.habbocouncil.co.uk/html/djs.html" target="middle" class="style5">» Radio DJ's</a><br />
<a href="http://www.habbocouncil.co.uk/php/contact.php" target="middle" class="style5" class-"style5">» Contact Us </a><br />
<a href="http://www.habbocouncil.co.uk/html/room.html" target="middle" class="style5" class-"style5"> » Official HabboCouncil Rooms</a><br />
<a href="http://www.habbocouncil.co.uk/html/donators.html" target="middle" class="style5" class-"style5">» Donators</a></span><a href="http://www.habbocouncil.co.uk/html/donators.html" target="middle" class="style5" class-"style5"><br />
</a></span>
<div onclick="SwitchMenu('sub2')"><span class="style2"><span class="menutitle"><img src="http://www.habbocouncil.co.uk/images/arrow.gif" width="17" height="11" /></span>News</span></div>
<span class="submenu" id="sub2"><a href="http://www.habbocouncil.co.uk/Panel/news/news.php?page=news&amp;news=select&amp;category=UK " target="middle" class="style5">» UK News</a><br />
<a href="http://www.habbocouncil.co.uk/Panel/news/news.php?page=news&amp;news=select&amp;category=US A" target="middle" class="style5">» USA News</a><br />
<a href="http://www.habbocouncil.co.uk/Panel/news/news.php?page=news&amp;news=select&amp;category=CA " target="middle" class="style5">» CA News</a><br />
<a href="http://www.habbocouncil.co.uk/Panel/news/news.php?page=news&amp;news=select&amp;category=AU " target="middle" class="style5">» AU News</a><br />
<a href="http://www.habbocouncil.co.uk/Panel/news/news.php?page=news&amp;news=select&amp;category=Su lake" target="middle" class="style5">» Sulake News</a><br />
<a href="http://www.habbocouncil.co.uk/Panel/news/news.php?page=news&amp;news=select&amp;category=HC " target="middle" class="style5">» Habbo Council News</a><br />
<a href="http://www.habbocouncil.co.uk/Panel/news/news.php?page=news&amp;news=select&amp;category=Re al News" target="middle" class="style5">» Real Life News</a><br />
</span>
<div onclick="SwitchMenu('sub3')"><span class="menutitle"><img src="http://www.habbocouncil.co.uk/images/arrow.gif" width="17" height="11" /></span><span class="style2">Events</span></div>
<span class="submenu" id="sub3"> <a href="http://www.habbocouncil.co.uk/events/uk" target="middle" class="style5">» UK Events </a><br />
<a href="http://www.habbocouncil.co.uk/events/usa" target="middle" class="style5">» USA Events </a><br />
<a href="http://www.habbocouncil.co.uk/events/ca" target="middle" class="style5">» CA Events </a><br />
<a href="http://www.habbocouncil.co.uk/events/au" target="middle" class="style5">»AU Events </a><br />
</span>
<div onclick="SwitchMenu('sub4')"><span class="menutitle"><img src="http://www.habbocouncil.co.uk/images/arrow.gif" width="17" height="11" /></span><span class="style2">Articles</span></div>
<span class="submenu" id="sub4"> <a href="http://www.habbocouncil.co.uk/Panel/news/news.php?page=news&amp;news=select&amp;category=Ro om Review" target="middle" class="style5">» Room Review</a><br />
<a href="http://www.habbocouncil.co.uk/Panel/news/news.php?page=news&amp;news=select&amp;category=In terview" target="middle" class="style5">» Interview</a><br />
<a href="http://www.habbocouncil.co.uk/Panel/news/news.php?page=news&amp;news=select&amp;category=Bo ok Review" target="middle" class="style5">» Book Reviews</a><br />
<a href="http://www.habbocouncil.co.uk/Panel/news/news.php?page=news&amp;news=select&amp;category=Mu sic Review" target="middle" class="style5">» Music Review</a><br />
<a href="http://www.habbocouncil.co.uk/Panel/news/news.php?page=news&amp;news=select&amp;category=Fa nsite Review" target="middle" class="style5">» Fansite Reviews</a></span>
<div onclick="SwitchMenu('sub9')"><span class="menutitle"><img src="http://www.habbocouncil.co.uk/images/arrow.gif" width="17" height="11" /></span><span class="style2">Rare Values </span></div>
<span class="submenu" id="sub9"> <a href="http://www.habbocouncil.co.uk/Panel/rares/view_rares.php" target="middle" class="style5">» All </a><br />
<a href="www.habbocouncil.co.uk/comingsoon" target="middle" class="style5">» Normal Rares </a><br />
<a href="www.habbocouncil.co.uk/comingsoon" target="middle" class="style5">» Super Rares</a><br />
<a href="www.habbocouncil.co.uk/comingsoon" target="middle" class="style5">» Seasonal Rares </a><br />
</span><span class="submenu"> </span>
<div onclick="SwitchMenu('sub5')"><span class="menutitle"><img src="http://www.habbocouncil.co.uk/images/arrow.gif" width="17" height="11" /></span><span class="style2"> Hotel Guides</span> </div>
<span class="submenu" id="sub5"> <a href="http://www.habbocouncil.co.uk/html/badges.html" target="middle" class="style5">» Badges</a><br />
<br />
</span>
<div onclick="SwitchMenu('sub6')"><span class="menutitle"><img src="http://www.habbocouncil.co.uk/images/arrow.gif" width="17" height="11" /></span><span class="style2">Goodies</span></div>
<span class="submenu" id="sub6"> <a href="http://www.habbocouncil.co.uk/php/text.php" target="middle" class="style5">» Text Generator</a><br />
<br />
</span>
<div onclick="SwitchMenu('sub7')"><span class="menutitle"><img src="http://www.habbocouncil.co.uk/images/arrow.gif" width="17" height="11" /></span><span class="style2">Forum</span></div>
<span class="submenu" id="sub7"> <a href="http://www.habbocouncil.co.uk/forum" target="_blank" class="style5">» Forum</a><br />
<a href="http://www.habbocouncil.co.uk/Panel/news/news.php?page=news&amp;news=select&amp;category=Mu sic Review" target="_blank" class="style5">» Register</a><br />
<a href="http://www.habbocouncil.co.uk/forum/vip.php" target="" class="style5">» VIP</a><br />
</span> </div></div>

Have fun.

HabboCouncil · 07-08-2007, 09:54 AM

Hmm I dunno lol

Thread: Help with Drop Down Menus

Thread Tools

Help with Drop Down Menus

Posting Permissions