[Html] Drop Down List, Simple!

WHAT IT DOES
Makes a click, drop down list using simple html forms. Anyone with a little coding knowhow can create forms like these. Great for listing affiliates or important links.

WHERE IT GOES
Anywhere you want it to appear. Treat it like adding text. Add a line break after and before it if you need to ( <br /> )

MODIFICATIONS
If you change the 'class' property to something else you can change what the box looks like. In order to make it match everyone's forum I have set the class to foruminput, which is the class used in skins to style the forum input.

If you don't like how that standard looks you can make it 'class=dropdown' and you can go into your CSS and write something like this to style it:
.dropdown { background-color#000000; color:#ffffff; text-align:center; font-size:10px; font-weight:bold; font-family:georgia; width: 150px;}

If you have questions about styling it or adding things to this form, etc let me know via reply!

Code: Select

<!-- Form by Mer of http://rpg-directory.com-->
<form><select name="select" size="1" class="forminput" name="menu"onchange="location.href=(form.select.options[form.select.selectedIndex].value)">

<option value=''>Navigation</option>
<option value='http://rpg-directory.com/'>RPG-D</option>
<option value='http://rpg-directory.com/'>RPG-D</option>
<option value='http://rpg-directory.com/'>RPG-D</option>
<option value='http://rpg-directory.com/'>RPG-D</option>

</select></form>

I don't know why... But for some reason, it isn't allowing the clicking on the things for the links...

Try this, changed a name because it is a reserved syntax, and added OnChange:

Code: Select

<!-- Form by Mer of http&#58;//rpg-directory.com-->
<form name=&#34;ddl&#34;><select name=&#34;sl&#34; class=&#34;forminput&#34; OnChange=&#34;location.herf=ddl.sl.options&#91;selectedIndex&#93;.value&#34;>
<option>-- Navigation Title --</option>
<option value=&#34;link&#34;>Title</option>
<option value=&#34;link&#34;>Title</option>  
<option value=&#34;link&#34;>Title</option>
<option value=&#34;link&#34;>Title</option>
<option value=&#34;link&#34;>Title</option>
</select></form>

Still isn't working...

/headesk! My bad

Code: Select

<!-- Form by Mer of http&#58;//rpg-directory.com-->
<form><select name=&#34;select&#34; size=&#34;1&#34; class=&#34;forminput&#34; name=&#34;menu&#34;onchange=&#34;location.href=&#40;form.select.options&#91;form.select.selectedIndex&#93;.value&#41;&#34;>

<option value=&#39;&#39;>Navigation</option>
<option value=&#39;http&#58;//rpg-directory.com/&#39;>RPG-D</option>
<option value=&#39;http&#58;//rpg-directory.com/&#39;>RPG-D</option>
<option value=&#39;http&#58;//rpg-directory.com/&#39;>RPG-D</option>
<option value=&#39;http&#58;//rpg-directory.com/&#39;>RPG-D</option>

</select></form>

Newest code, works!

Thanks loads!

Not a problem Fixed in the original thread for future use.

Your code has been approved and moved to the Coding Center board.

Thanks for submitting!

Thanks for this, it looks so much better to have drop downs for my Navigation. Plus I can place all the characters for my Admin and hopefully in the future Mods.

Thanks so much for this code. <3 It's amazing.

<div align=center><span style='font-size:17pt;line-height:100%'>ACCEPTED GENERAL CODE</span>
<span style='font-size:11pt;line-height:100%'>[color=7f323a]THANK YOU FOR YOUR SUBMISSION[/color]</span>
Thank you for submitting to our codex and giving forums everywhere an easily installable piece of code to enrich their board! Keep up the great work and we look forward to seeing more from you!</div>

Totally works perfectly!
Thanks!

Uhmm, I'm having trouble putting more than one in my sidebar. D:

NEVERMIND. I fixed it

[sigh] it seems theres not a day that goes by where some damned code befouls my plans...

how the heck do you add more than one dropdown without them going nuts and grouping together? and why does everything UNDER the dropdown menu on my sidebar [in fact the sidebar itself] vanish?

Great code. Thanks for sharing!

I have used this on every single board I've run or helped run. It's a super nifty bit of html to have on hand.
So I must bow and worship you for sharing it.

Any idea why I can't get this to work in my forum descriptions in IPB?

Try giving each form a different name, see if it helps?

Code: Select

<form name="form1"><select ...
</select></form>

<form name="form2"><select ...
</select></form>

<form name="form3"><select ...
</select></form>

I can't get even one to show up- I haven't tried adding a second. Thanks for the thought, though! I'll keep it in mind if I get it to work.

Can you open up a separate help topic with a link to your board?