Drop Down Navi [Archive]

nelly

19-07-2006, 05:53 PM

Hey where can i get drop down navi exact same as www.thinkhabbo.com (http://www.thinkhabbo.com) i tried dynamic but their isn't 1 their

Colin-Roberts

19-07-2006, 06:00 PM

it is the one of dymanic drive tho.
/***********************************************
* 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
***********************************************/
out of the navi source code.

Kasabian

19-07-2006, 06:01 PM

View -> Page source.

<script language='JavaScript1.2'>

var dragswitch=0
var nsx
var nsy
var nstemp

function drag_dropns(name){
temp=eval(name)
temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)
temp.onmousedown=gons
temp.onmousemove=dragns
temp.onmouseup=stopns
}

function gons(e){
temp.captureEvents(Event.MOUSEMOVE)
nsx=e.x
nsy=e.y
}
function dragns(e){
if (dragswitch==1){
temp.moveBy(e.x-nsx,e.y-nsy)
return false
}
}

function stopns(){
temp.releaseEvents(Event.MOUSEMOVE)
}

//drag drop function for IE 4+////
/////////////////////////////////

var dragapproved=false

function drag_dropie(){
if (dragapproved==true){
document.all.showimage.style.pixelLeft=tempx+event .clientX-iex
document.all.showimage.style.pixelTop=tempy+event. clientY-iey
return false
}
}

function initializedragie(){
iex=event.clientX
iey=event.clientY
tempx=showimage.style.pixelLeft
tempy=showimage.style.pixelTop
dragapproved=true
document.onmousemove=drag_dropie
}

if (document.all){
document.onmouseup=new Function('dragapproved=false')
}

function hidebox(){
if (document.all)
showimage.style.visibility='hidden'
else if (document.layers)
document.showimage.visibility='hide'
}
</script>

Any good?

Colin-Roberts

19-07-2006, 06:04 PM

Theres The Rite Code:

/***********************************************
* 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").getElementsByTagName("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><div id="masterdiv">

<div class="menutitle" onclick="SwitchMenu('sub1')">
<div align="left"><img border="0" src="images/home_nav.gif" width="200" height="21"></div>
</div>

<a target="main" style="text-decoration: none" href="homepage.php">

- Home</a> 
-
<a target="main" style="text-decoration: none" href="about.php">
About Us</a> 
-
<a target="main" style="text-decoration: none" href="meetteam.php">
Meet The Team</a> 
-
<a target="main" style="text-decoration: none" href="jobform.php">

Job Openings</a> 
-
<a target="main" href="contact.php" style="text-decoration: none">
Contact Us</a>
<div class="menutitle" onclick="SwitchMenu('sub2')">
<div align="left"><img border="0" src="images/news_nav.gif" width="200" height="21"></div>
</div>


-
<a target="main" style="text-decoration: none" href="http://www.thinkhabbo.com/news/show_news.php?category=1">
Habbo Hotel UK</a> 
-
<a target="main" style="text-decoration: none" href="http://www.thinkhabbo.com/news/show_news.php?category=2">
Habbo Hotel USA</a> 
-
<a target="main" style="text-decoration: none" href="http://www.thinkhabbo.com/news/show_news.php?category=3">
Habbo Hotel CA</a> 

-
<a target="main" style="text-decoration: none" href="http://www.thinkhabbo.com/news/show_news.php?category=5">
Real Life News</a><div class="menutitle" onclick="SwitchMenu('sub3')">
<center><img border="0" src="images/radio_nav.gif" width="200" height="21"></center></div>
-
<a target="main" style="text-decoration: none" href="request.php">
Request Line</a> 
-


<a target="main" style="text-decoration: none" href="http://www.thinkhabbo.com/timetable.php">
Weekly Schedule</a> -
<a target="main" href="shows.php">
Regular Shows</a><div class="menutitle" onclick="SwitchMenu('sub4')">
<div align="left"><img border="0" src="images/community_nav.gif" width="200" height="21"></div>
</div>


- 

<a target="main" style="text-decoration: none" href="weeklyevent.php">
ThinkHabbo Weekly Event</a> 
- 
<a target="main" style="text-decoration: none" href="weeklycompetition.php">
Weekly Competition</a> 
-
<a target="main" style="text-decoration: none" href="lotteryguide.php">
ThinkHabbo Lottery</a> 

- <a target="main" href="helpdesk.php" style="text-decoration: none">
ThinkHabbo Help Desk</a> 
- <a target="main" href="helpdeskjobs.php" style="text-decoration: none">
ThinkHabbo Help Desk Jobs</a><strike> 
</strike>- <a target="main" href="thinkhabbocouncil.php">
ThinkHabbo Council</a> 

-

<a target="main" href="goodies.php" style="text-decoration: none">Goodies</a> 
-
<a target="main" style="text-decoration: none" href="roomdropper.php">
ThinkHabbo Room Dropper</a> 
-
<a target="main" style="text-decoration: none" href="donate.php">
Make A Donation</a> 

-
<a target="main" style="text-decoration: none" href="alterations.php">
Alterations</a>
<div class="menutitle" onclick="SwitchMenu('sub5')">
<center><img border="0" src="images/guides_nav.gif" width="200" height="21"></center></div>- <a target="main" href="hotels.php" style="text-decoration: none">The World Of Habbo</a> 
- <a target="main" style="text-decoration: none" href="badges.php">Habbo Hotel Badges</a> 
-
<a target="main" href="habboclub.php" style="text-decoration: none">Habbo Club</a> 

-
<a target="main" href="buycredits.php" style="text-decoration: none">The World Of Credits</a> 
-
<a target="main" style="text-decoration: none" href="tipsandtricks.php">
Tips And Tricks</a> 
-
<a target="main" href="stacking.php" style="text-decoration: none">Stacking</a> 
-
<a target="main" href="flatstacking.php" style="text-decoration: none">Flat Stacking</a> 

-
<a target="main" href="habbohelptool.php" style="text-decoration: none">Habbo Help Tool</a> 
-
<a target="main" href="callforhelp.php" style="text-decoration: none">Calling For Help</a> 
-
<a target="main" href="publicspaces.php" style="text-decoration: none">Public Spaces</a> 
-
<a target="main" style="text-decoration: none" href="rollers.php">
The World Of Rollers</a> 

-
<a target="main" href="navigating.php" style="text-decoration: none">Navigation Around The Hotel</a> 
-
<a target="main" href="petsguide.php" style="text-decoration: none">Habbo Pets</a> 
-
<a target="main" href="goodhabbo.php" style="text-decoration: none">How To Be A Good Habbo</a>
<div class="menutitle" onclick="SwitchMenu('sub6')">
<center><img border="0" src="images/help_nav.gif" width="200" height="21"></center></div>-
<a target="main" style="text-decoration: none" href="internetsecurity.php">

Internet Security</a> 
-
<a target="main" style="text-decoration: none" href="habbosafety.php">
Habbo Safety</a> 
-
<a target="main" style="text-decoration: none" href="keyloggerguide.php">
Keyloggers</a> 
-
<a target="main" style="text-decoration: none" href="onlinesafety.php">

Online Safety</a> 
-
<a target="main" style="text-decoration: none" href="passwordsafety.php">
Password Safety</a>
<div class="menutitle" onclick="SwitchMenu('sub7')">
<center><img border="0" src="images/links_nav.gif" width="200" height="21"></center></div>-
<a target="main" href="linkus.php" style="text-decoration: none">
Link Us</a> 

- <a target="main" href="radiolink.php">
Link Our Radio</a> 
-
<a style="text-decoration: none" target="main" href="fansitelinks.php">
Fansite Links</a> 
- <a target="main" href="officialfansites.php">
Official Fansite Links</a>

<div class="menutitle" onclick="SwitchMenu('sub8')">
<center><img border="0" src="images/forum_nav.gif" width="200" height="21"></center></div>-
<a style="text-decoration: none" target="_blank" href="http://www.thinkhabboforum.net">
Visit Here</a> 
-
<a style="text-decoration: none" target="_blank" href="http://www.thinkhabboforum.net/register.php">
Register Here</a> 
-
<a style="text-decoration: none" target="_blank" href="http://www.thinkhabboforum.net/payments.php">

Buy V.I.P</a> 
-
<a style="text-decoration: none" target="_blank" href="http://www.thinkhabboforum.net/showthread.php?t=4">
View Forum Rules</a><div class="menutitle" onclick="SwitchMenu('sub9')">
<center><img border="0" src="images/articles_nav.gif" width="200" height="21"></center></div><a target="main" style="text-decoration: none" href="interviews.php">
- Interviews</a> 
-
<a style="text-decoration: none" target="main" href="fansitereviews.php">

Fansite Reviews</a><strike> 
</strike>
<a target="main" style="text-decoration: none" href="roomreviews.php">
- Room Reviews</a>
<div class="menutitle" onclick="SwitchMenu('sub10')">
<center><img border="0" src="images/newsletter_nav.gif" width="200" height="22"></center></div>
<a target="main" style="text-decoration: none" href="newsletter/newsletterarticle5.php">
- Current Newsie</a> 

</strike>
<a target="main" style="text-decoration: none" href="newsletter/newsletterarchive.php">
- View Archive</a><strike> 
</strike>
<a target="main" style="text-decoration: none" href="newsletter/submitlink/customcontact.php">
- Submit An Article</a><div class="menutitle" onclick="SwitchMenu('sub11')">
<center><img border="0" src="images/thfactor_nav.GIF" width="200" height="22"></center></div>
- <a target="main" style="text-decoration: none" href="thinkhabbofactor.php">The ThinkHabbo Factor</a> 

</strike>
<a target="main" style="text-decoration: none">
-
<a target="main" style="text-decoration: none" href="thejudges.php">The Presenters</a><strike> 
</strike>
- <a target="main" href="thecontestants.php">The Contestants</a> 
</strike>
- <a target="main" href="prizesandcompetitions.php">Prizes & Competitions</a> 

</strike>
<a target="main" style="text-decoration: none">
-
<a target="main" style="text-decoration: none" href="applyhere.php">Apply Here!</a></a></div>

</td>
</tr>

---MAD---

19-07-2006, 07:32 PM

Theres The Rite Code:

/***********************************************
* 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").getElementsByTagName("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><div id="masterdiv">

<div class="menutitle" onclick="SwitchMenu('sub1')">
<div align="left"><img border="0" src="images/home_nav.gif" width="200" height="21"></div>
</div>

<a target="main" style="text-decoration: none" href="homepage.php">

- Home</a> 
-
<a target="main" style="text-decoration: none" href="about.php">
About Us</a> 
-
<a target="main" style="text-decoration: none" href="meetteam.php">
Meet The Team</a> 
-
<a target="main" style="text-decoration: none" href="jobform.php">

Job Openings</a> 
-
<a target="main" href="contact.php" style="text-decoration: none">
Contact Us</a>
<div class="menutitle" onclick="SwitchMenu('sub2')">
<div align="left"><img border="0" src="images/news_nav.gif" width="200" height="21"></div>
</div>


-
<a target="main" style="text-decoration: none" href="http://www.thinkhabbo.com/news/show_news.php?category=1">
Habbo Hotel UK</a> 
-
<a target="main" style="text-decoration: none" href="http://www.thinkhabbo.com/news/show_news.php?category=2">
Habbo Hotel USA</a> 
-
<a target="main" style="text-decoration: none" href="http://www.thinkhabbo.com/news/show_news.php?category=3">
Habbo Hotel CA</a> 

-
<a target="main" style="text-decoration: none" href="http://www.thinkhabbo.com/news/show_news.php?category=5">
Real Life News</a><div class="menutitle" onclick="SwitchMenu('sub3')">
<center><img border="0" src="images/radio_nav.gif" width="200" height="21"></center></div>
-
<a target="main" style="text-decoration: none" href="request.php">
Request Line</a> 
-


<a target="main" style="text-decoration: none" href="http://www.thinkhabbo.com/timetable.php">
Weekly Schedule</a> -
<a target="main" href="shows.php">
Regular Shows</a><div class="menutitle" onclick="SwitchMenu('sub4')">
<div align="left"><img border="0" src="images/community_nav.gif" width="200" height="21"></div>
</div>


- 

<a target="main" style="text-decoration: none" href="weeklyevent.php">
ThinkHabbo Weekly Event</a> 
- 
<a target="main" style="text-decoration: none" href="weeklycompetition.php">
Weekly Competition</a> 
-
<a target="main" style="text-decoration: none" href="lotteryguide.php">
ThinkHabbo Lottery</a> 

- <a target="main" href="helpdesk.php" style="text-decoration: none">
ThinkHabbo Help Desk</a> 
- <a target="main" href="helpdeskjobs.php" style="text-decoration: none">
ThinkHabbo Help Desk Jobs</a><strike> 
</strike>- <a target="main" href="thinkhabbocouncil.php">
ThinkHabbo Council</a> 

-

<a target="main" href="goodies.php" style="text-decoration: none">Goodies</a> 
-
<a target="main" style="text-decoration: none" href="roomdropper.php">
ThinkHabbo Room Dropper</a> 
-
<a target="main" style="text-decoration: none" href="donate.php">
Make A Donation</a> 

-
<a target="main" style="text-decoration: none" href="alterations.php">
Alterations</a>
<div class="menutitle" onclick="SwitchMenu('sub5')">
<center><img border="0" src="images/guides_nav.gif" width="200" height="21"></center></div>- <a target="main" href="hotels.php" style="text-decoration: none">The World Of Habbo</a> 
- <a target="main" style="text-decoration: none" href="badges.php">Habbo Hotel Badges</a> 
-
<a target="main" href="habboclub.php" style="text-decoration: none">Habbo Club</a> 

-
<a target="main" href="buycredits.php" style="text-decoration: none">The World Of Credits</a> 
-
<a target="main" style="text-decoration: none" href="tipsandtricks.php">
Tips And Tricks</a> 
-
<a target="main" href="stacking.php" style="text-decoration: none">Stacking</a> 
-
<a target="main" href="flatstacking.php" style="text-decoration: none">Flat Stacking</a> 

-
<a target="main" href="habbohelptool.php" style="text-decoration: none">Habbo Help Tool</a> 
-
<a target="main" href="callforhelp.php" style="text-decoration: none">Calling For Help</a> 
-
<a target="main" href="publicspaces.php" style="text-decoration: none">Public Spaces</a> 
-
<a target="main" style="text-decoration: none" href="rollers.php">
The World Of Rollers</a> 

-
<a target="main" href="navigating.php" style="text-decoration: none">Navigation Around The Hotel</a> 
-
<a target="main" href="petsguide.php" style="text-decoration: none">Habbo Pets</a> 
-
<a target="main" href="goodhabbo.php" style="text-decoration: none">How To Be A Good Habbo</a>
<div class="menutitle" onclick="SwitchMenu('sub6')">
<center><img border="0" src="images/help_nav.gif" width="200" height="21"></center></div>-
<a target="main" style="text-decoration: none" href="internetsecurity.php">

Internet Security</a> 
-
<a target="main" style="text-decoration: none" href="habbosafety.php">
Habbo Safety</a> 
-
<a target="main" style="text-decoration: none" href="keyloggerguide.php">
Keyloggers</a> 
-
<a target="main" style="text-decoration: none" href="onlinesafety.php">

Online Safety</a> 
-
<a target="main" style="text-decoration: none" href="passwordsafety.php">
Password Safety</a>
<div class="menutitle" onclick="SwitchMenu('sub7')">
<center><img border="0" src="images/links_nav.gif" width="200" height="21"></center></div>-
<a target="main" href="linkus.php" style="text-decoration: none">
Link Us</a> 

- <a target="main" href="radiolink.php">
Link Our Radio</a> 
-
<a style="text-decoration: none" target="main" href="fansitelinks.php">
Fansite Links</a> 
- <a target="main" href="officialfansites.php">
Official Fansite Links</a>

<div class="menutitle" onclick="SwitchMenu('sub8')">
<center><img border="0" src="images/forum_nav.gif" width="200" height="21"></center></div>-
<a style="text-decoration: none" target="_blank" href="http://www.thinkhabboforum.net">
Visit Here</a> 
-
<a style="text-decoration: none" target="_blank" href="http://www.thinkhabboforum.net/register.php">
Register Here</a> 
-
<a style="text-decoration: none" target="_blank" href="http://www.thinkhabboforum.net/payments.php">

Buy V.I.P</a> 
-
<a style="text-decoration: none" target="_blank" href="http://www.thinkhabboforum.net/showthread.php?t=4">
View Forum Rules</a><div class="menutitle" onclick="SwitchMenu('sub9')">
<center><img border="0" src="images/articles_nav.gif" width="200" height="21"></center></div><a target="main" style="text-decoration: none" href="interviews.php">
- Interviews</a> 
-
<a style="text-decoration: none" target="main" href="fansitereviews.php">

Fansite Reviews</a><strike> 
</strike>
<a target="main" style="text-decoration: none" href="roomreviews.php">
- Room Reviews</a>
<div class="menutitle" onclick="SwitchMenu('sub10')">
<center><img border="0" src="images/newsletter_nav.gif" width="200" height="22"></center></div>
<a target="main" style="text-decoration: none" href="newsletter/newsletterarticle5.php">
- Current Newsie</a> 

</strike>
<a target="main" style="text-decoration: none" href="newsletter/newsletterarchive.php">
- View Archive</a><strike> 
</strike>
<a target="main" style="text-decoration: none" href="newsletter/submitlink/customcontact.php">
- Submit An Article</a><div class="menutitle" onclick="SwitchMenu('sub11')">
<center><img border="0" src="images/thfactor_nav.GIF" width="200" height="22"></center></div>
- <a target="main" style="text-decoration: none" href="thinkhabbofactor.php">The ThinkHabbo Factor</a> 

</strike>
<a target="main" style="text-decoration: none">
-
<a target="main" style="text-decoration: none" href="thejudges.php">The Presenters</a><strike> 
</strike>
- <a target="main" href="thecontestants.php">The Contestants</a> 
</strike>
- <a target="main" href="prizesandcompetitions.php">Prizes & Competitions</a> 

</strike>
<a target="main" style="text-decoration: none">
-
<a target="main" style="text-decoration: none" href="applyhere.php">Apply Here!</a></a></div>

</td>
</tr>
Yeah thats correct.

Mentor

19-07-2006, 07:37 PM

Or if you want to actually have code thats not already built in to someone elses nav just copy and paste the switch nav code strait of Dynamic Drive

http://www.dynamicdrive.com/dynamicindex1/switchmenu.htm

ClubTime

19-07-2006, 07:45 PM

He said he wanted it EXACTLY the same

EDIT: If you use mads code go to http://thinkhabbo.com and right click the images and click 'Save As' name them the same and upload them to the same folder 'Images'

Recursion

19-07-2006, 07:46 PM

thts wrong because your coping Thinkhabbos images there...

ADAM:

19-07-2006, 07:47 PM

Hey
Drop downs can look very ugly if you dont change what they look like.

---MAD---

19-07-2006, 08:12 PM

Hey
Drop downs can look very ugly if you dont change what they look like.
Then can but thats not what this thread is about ;).

To numark: Yes off course. :)

ClubTime

19-07-2006, 08:16 PM

@ numark, yeh well he did say exactly