Advertise Here
« previous next »
Pages: [1]

Author Topic: [Code] New Improved Drop Down Menu  (Read 5171 times)

0 Members and 1 Guest are viewing this topic.

Offline Casey_Ferguson

  • SMF For Free Member
  • *
  • Posts: 32
    • View Profile
    • Your Gaming Needs

    • Total Badges: 14
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
[Code] New Improved Drop Down Menu
« on: June 20, 2007, 02:49:46 am »
NOTICE:   Moderator edit:   This code no longer works.   The .js file on ripway no longer exists.
Refer to this post for other options:

http://www.smfsupport.com/support/smf_for_free_codes/code_new_improved_drop_down_menu-t4866.0.html;msg75870#msg75870



Casey here again with another code that I devised.  Yes you heard it here a New and Improved Drop Down Menu.  With this one you pick where you want to go and you press go, instead of the old one that you pick something and goes straight to it.  I think it is better but you all can be the judge of that.  Ok here is the code

Footer
Code: [Select]
<script src="http://h1.ripway.com/Caseyferguson/Codes/DropMenuCode.js"></script>
Header
Code: [Select]
<center><b>New and Improved Drop Down Menu</b><p>
<form name="form">
<select name="site" size=1>
<option value="">Go to....
<option value="http://www.yoursite.com">Name of Place Its Going
<option value="http://www.yoursite.com">Name of Place Its Going
<option value="http://www.yoursite.com">Name of Place Its Going
<option value="http://www.yoursite.com">Name of Place Its Going
<option value="http://www.yoursite.com">Name of Place Its Going
<option value="http://www.yoursite.com">Name of Place Its Going
</select>
<input type=button value="Go!" onClick="javascript:formHandler(this)">
</form>
</center>

Ok here are the things that you can change......

<center><b>New and Improved Drop Down Menu</b><p>
<option value="">Go to....
<option value="http:// www. yoursite .com">Name of Place Its Going
<option value="http:// www. yoursite .com">Name of Place Its Going
<option value="http:// www. yoursite .com">Name of Place Its Going
<option value="http:// www. yoursite .com">Name of Place Its Going
<option value="http:// www. yoursite .com">Name of Place Its Going
<option value="http:// www. yoursite .com">Name of Place Its Going

Tutorial
OK to start off the thing in brown is what they will see on top of the drop down menu, change it to what ever you want it to say or just delete the <b>New and Improved Drop Down Menu</b><p> of the code, the thing in green is what they will see when they first see the menu, so you can change it to what ever you want them to see in there.  The stuff in red is the URL, change it to the URL you want them to go to.  The stuff in blue is what you are sending them to, change it to what ever your sending them to of course lol.  Enjoy and give me feedback on how you like it.  Oh and if you don't want it in the Center of the page then just take off the <center> and the </center> part of the code.  As always I have it as a preview on my forum if you would like to take a look at it.  The URL is at the top of this post so don't want to haft to post it up again.  Enjoy!!!!!!

Edit:  I have edited the code in footer so the code won't show up.
« Last Edit: August 05, 2008, 01:41:22 am by simply sibyl »
Logged


Close Your Eyes, Hold Control, and Scroll Up 10 Times For Something Amazing To Happen To You!!!!!!

Offline lordtentei

  • SMF For Free Member
  • *
  • Posts: 55
    • View Profile

    • Total Badges: 11
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 50 Posts
Re: [Code] New Improved Drop Down Menu
« Reply #1 on: August 05, 2008, 12:49:31 am »
not working in my forum.. need help! thanks!
Logged

Offline simply sibyl

  • Helpers
  • *
  • Posts: 14347
  • On hiatus
    • View Profile
    • The Tent Dwellers

    • Total Badges: 31
    Badges: (View All)
    Level 6 Poll Voter Webmaster Arcade Highscore Windows User
Re: [Code] New Improved Drop Down Menu
« Reply #2 on: August 05, 2008, 01:06:56 am »
Quote from: lordtentei on August 05, 2008, 12:49:31 am
not working in my forum.. need help! thanks!

Leave your forum url with the code in place or post the code you put in so we can see it.   We cannot help you if we can not see what you did .
Logged

Offline simply sibyl

  • Helpers
  • *
  • Posts: 14347
  • On hiatus
    • View Profile
    • The Tent Dwellers

    • Total Badges: 31
    Badges: (View All)
    Level 6 Poll Voter Webmaster Arcade Highscore Windows User
Re: [Code] New Improved Drop Down Menu
« Reply #3 on: August 05, 2008, 01:24:51 am »
The .js code link that he says has to go in the footer seems to no longer exist  so the code wont work.  Ive noted it at the top of the first post and directed it to this one so no one else gets caught with it.

You can use this dropdown menu generator
http://www.htmlbasix.com/dropmenu.shtml

or this one  (its simpler and you can use your own image for the button if you wish):
http://javascript.internet.com/generators/drop-down-menu.html

Or use the colored dropdown box code
Colored drop down menu

Or do it manually like this:

Code: [Select]
<form name="jump">
<select name="menu">
<option value="http://somesite.com">NAME</option>
<option value="http://somesite.com">NAME</option>
<option value="http://somesite.com">NAME</option>
</select>
<input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
</form>

Replace http://somesite.com with the url you want to go TO
Replace NAME with the name you want to show for that url
Do the same for each line, add more lines as needed
« Last Edit: August 05, 2008, 01:45:21 am by simply sibyl »
Logged

Offline lordtentei

  • SMF For Free Member
  • *
  • Posts: 55
    • View Profile

    • Total Badges: 11
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 50 Posts
Re: [Code] New Improved Drop Down Menu
« Reply #4 on: August 05, 2008, 02:01:05 am »
so the .js code is the problem..

Thanks sybil! You are really a big asset of this site!

about the last code you have posted, is this the only code to be placed at header? no more .js code needed?

Thank you again! :smitten:
Logged

Offline simply sibyl

  • Helpers
  • *
  • Posts: 14347
  • On hiatus
    • View Profile
    • The Tent Dwellers

    • Total Badges: 31
    Badges: (View All)
    Level 6 Poll Voter Webmaster Arcade Highscore Windows User
Re: [Code] New Improved Drop Down Menu
« Reply #5 on: August 05, 2008, 02:02:15 am »
.js is not needed at all

you can put it in the header, the footer, a portal block, just about anyplace
Logged

Offline lordtentei

  • SMF For Free Member
  • *
  • Posts: 55
    • View Profile

    • Total Badges: 11
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 50 Posts
Re: [Code] New Improved Drop Down Menu
« Reply #6 on: August 05, 2008, 03:02:23 am »
last one.. how can i change the font size? i want the font smaller than the usual one..

thank you!
Logged

Offline simply sibyl

  • Helpers
  • *
  • Posts: 14347
  • On hiatus
    • View Profile
    • The Tent Dwellers

    • Total Badges: 31
    Badges: (View All)
    Level 6 Poll Voter Webmaster Arcade Highscore Windows User
Re: [Code] New Improved Drop Down Menu
« Reply #7 on: August 05, 2008, 03:21:48 am »
Quote from: lordtentei on August 05, 2008, 03:02:23 am
last one.. how can i change the font size? i want the font smaller than the usual one..

thank you!

try this:

Code: [Select]
<form name="jump">
<select style="font-size:10px;" name="menu">
<option value="http://somesite.com">NAME</option>
<option value="http://somesite.com">NAME</option>
<option value="http://somesite.com">NAME</option>
</select>
<input style="font-size:10px;" type="button" onClick="location=document.jump.menu.options

[document.jump.menu.selectedIndex].value;" value="GO">
</form>
change 10px in both places if its not small enough for you
btw where it says  value="GO" you can change "GO" to say click or whatever you want for the button
« Last Edit: August 05, 2008, 03:26:32 am by simply sibyl »
Logged

Offline Stitch

  • SMF For Free Full Member
  • *
  • Posts: 213
  • VMK will always remain in my heart.
    • View Profile
    • Project: Phoenix

    • Total Badges: 14
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: [Code] New Improved Drop Down Menu
« Reply #8 on: August 05, 2008, 07:20:44 pm »
does this one flash??  :o also do you need to set it on the SMF default skin?
Logged

Offline simply sibyl

  • Helpers
  • *
  • Posts: 14347
  • On hiatus
    • View Profile
    • The Tent Dwellers

    • Total Badges: 31
    Badges: (View All)
    Level 6 Poll Voter Webmaster Arcade Highscore Windows User
Re: [Code] New Improved Drop Down Menu
« Reply #9 on: August 05, 2008, 07:47:26 pm »
Quote from: Stitch on August 05, 2008, 07:20:44 pm
does this one flash??  :o also do you need to set it on the SMF default skin?

I think you meant this thread?
http://www.smfsupport.com/support/smf_for_free_codes/code_dropdown_skin_chooser-t17607.0.html;msg75753#msg75753

It does not flash -  it has to be in the header - you do have to select the default style
Isn't a way around it - if you put it in the footer , the default css would display for a moment until it gets to that part of the code.     It also cannot go in a portal block.  (it would flash)  If you check the demo link you'll see how it works.
« Last Edit: August 05, 2008, 07:55:15 pm by simply sibyl »
Logged
Pages: [1]
« previous next »
 

Related Topics

  Subject / Started by Replies Last post
0 Replies
2892 Views 		Last post June 26, 2006, 09:48:46 pm
by webworldx
2 Replies
4921 Views 		Last post June 23, 2009, 05:18:57 pm
by Colette Brunel
0 Replies
18863 Views 		Last post June 23, 2009, 06:27:54 pm
by simply sibyl
2 Replies
2349 Views 		Last post September 16, 2009, 08:56:01 pm
by Simply1Nick
0 Replies
1296 Views 		Last post September 15, 2009, 07:54:18 pm
by simply sibyl