Drop-Down Code Issue

[?Leslie?]

SW Tester Site

Hi guys, I'm having an issue with a drop-down code that I've tried to put into my Sidebar Redux plug-in. I can get the code in place, looking exactly how I want it too look, but when I go to click on the drop-down links nothing happens. I've also noticed that when I'm in internet explorer, the drop down links aren't centered in the menu like they are when I'm in Firefox. I would love for them to be centered in any browser, but I'm not sure how to go about achieving that.

Here is the code I have installed:


<script>
function goToPage(url)
{
if (url != "")
{
.open(url);
}
}
</script>
<center><form>
<select accesskey="S" onchange="goToPage(this.options(this.selectedIndex).value)" class="select-center">
<option selected>Grab a Portkey!!</option>
<option value="http://shimmeringwands.boards.com">Home</option>
<option value="http://swtester.proboards.com/conversations/inbox">Owls</option>
<option value="http://swtester.proboards.com/search">Search</option>
<option value="http://swtester.proboards.com/calendar">Calendar</option>
</select>
</form></center>

Also, I was wondering how I might adjust this code so that once you click the link and it takes you to the desired page, the drop-down box resets to say Grab a Portkey!! again instead of the page link that I'm on. Thanks so much for all of you  help.

[Tumbleweed]

I can't tell you what is wrong with that one but this works within the Sidebar Redux plug-in.


<form name="menuform">
<select name="menu2"
onChange="top.location.href = this.form.menu2.options[this.form.menu2.selectedIndex].value;
return false;">
<option value="http://paviii.freemessageboards.com" selected>Select One</option>
<option value="http://paviii.freemessageboards.com/thread/4/xxx">Important Post</option>
<option value="http://paviii.freemessageboards.com/conversations/inbox">Private Messages</option>
</select>
</form>

[?Leslie?]

Thanks Tumbles! Can you tell me how to center the links in the drop down menu? Also how can I change it so that the colors of the drop down menu match the forum colors?? Thanks you!!!

[Tumbleweed]

You can change the background color with css:

<style>
    select{background-color: blue; color: white;
    }
</style>

However, the hover color stays blue and from what I've read, depending on your browsers behavior, it will stay blue and there is no way to change it. I believe centering them is the same thing, depends on the browser. 

You could, however use non breaking spaces to move the text over so it looks centered. If you don't know what that is, then I'll post it below but because it is a space and will render as a space as soon as I post this,  I'll put * on either end. You'll use it without the * on either side.

*&nbsp;*