select onchange

**driveflexfuel** · 10-22-2008 03:45 PM

I am looking to use the code below on my website but I have not been able to figure out how to open the links in a new window. I do not mind if I have to use another language. If anyone can help me out I would highly appreciated.

Thanks

Code:

<form action="" id="sites">
<select name="sites" onchange='top.location.href=this.form.sites.options[this.form.sites.selectedIndex].value'> 

<option value="#">Select the site</option>
<option value="http://www.website1.com">website1</option>
<option value="http://www.website2.com">website2</option>
<option value="http://www.website3.com">website3</option>

</select>
</form>

**freecrm** · 10-22-2008 04:22 PM

I've figured a way to produce a jump menu with target = blank.

Shove this in your <head>

Code:

<script type="text/javascript">
function MM_jumpMenuNewWindow (selObj, restore) {
    window.open(selObj.options[selObj.selectedIndex].value);
    if (restore) selObj.selectedIndex=0;
}
</script>

Then the form

Code:

<form action="" id="sites">
  <select name="jumpMenu" id="jumpMenu" onchange="MM_jumpMenuNewWindow(this,0)">
    <option value="#">Select a Site</option>
    <option value="http://www.website1.com">website1</option>
    <option value="http://www.website2.com">website2</option>
    <option value="http://www.website3.com">website3</option>
  </select>
</form>

I've tested it and it works.

**xPlozion** · 10-22-2008 04:40 PM

or

Code:

<select name="sites" onchange='window.open(this.form.sites.options[this.form.sites.selectedIndex].value)'>

correct me if i'm wrong, but isn't MM_jumpMenuNewWindow a dreamweaver code snippet? i'm not attacking you if it is a dreamweaver snippet, but i am personally getting annoyed with people posting dreamweaver snippets... whatever happened to learning how to code, instead of using a program giving you a wizard and making code from that? another thing, the code snippet is more complex than the other code above.

again, i'm not attacking you, just pointing out a general trend going on...

**driveflexfuel** · 10-22-2008 04:41 PM

Freecrm that code would work but it throws all kinds of flags when using IE. I don't want my customers to have to click allow popups to view the content.

xPlozion That was exactly what I needed thanks

**xPlozion** · 10-22-2008 04:52 PM

np, dreamweaver tends to make things more complicated than they need to be.

**quantum1** · 10-22-2008 04:59 PM

This link might be what you are looking for:

http://www.pageresource.com/jscript/jwinopen.htm

**freecrm** · 10-22-2008 05:07 PM

Originally Posted by xPlozion

or

Code:

<select name="sites" onchange='window.open(this.form.sites.options[this.form.sites.selectedIndex].value)'>

correct me if i'm wrong, but isn't MM_jumpMenuNewWindow a dreamweaver code snippet? i'm not attacking you if it is a dreamweaver snippet, but i am personally getting annoyed with people posting dreamweaver snippets... whatever happened to learning how to code, instead of using a program giving you a wizard and making code from that? another thing, the code snippet is more complex than the other code above.

again, i'm not attacking you, just pointing out a general trend going on...

Part of this is a DW snippet but as anyone knows who uses DW, it doesn't let you have target="_blank".

The script provided is an adaptation of the snippet to provide new window functionality.

It was just faster to do!

**xPlozion** · 10-22-2008 05:17 PM

i am aware that it doesn't let you use target blank, but at the same time, not does xhtml strict :P. i've been using that for a few years now, and have found basic ways to get around these minor issues.

for example, instead of using

Code:

<a href='http://www.x10hosting.com' target='_blank'>x10Hosting</a>

I would use

Code:

<a href='http://www.x10hosting.com' onclick='return externalUrl(this.href)'>x10Hosting</a>

and in my javascript functions file, i've got:

Code:

function externalUrl (href) {
  window.open(href);
  return false;
}

the return false would prevent the browser following that a href link in the current window, instead open it, leaving the current page in tact. if the user has javascript disabled, it would just follow the current link in the same tab/window ;)

again, not attacking you, but some of the things dw does, and many web designers do is down right sloppy (including huge sites, such as gamespot, xbox.com, etc...)

**freecrm** · 10-22-2008 05:23 PM

Originally Posted by xPlozion

again, not attacking you, but some of the things dw does, and many web designers do is down right sloppy (including huge sites, such as gamespot, xbox.com, etc...)

No offence taken. I've only been developing for about 12 months so I am stretched between having to reach deadlines and understanding what I'm doing!

I've generally found that now I'm reaching the limits of what DW can achieve, I'm starting to learn! ;)

Maybe I should go back to notepad!

**quantum1** · 10-22-2008 05:31 PM

No freecrm! Don't do it!!!

Go with http://www.ultraedit.com

Thread: select onchange

LinkBack

Thread Tools

Display

select onchange

Re: select onchange

Re: select onchange

Re: select onchange

Re: select onchange

Re: select onchange

Re: select onchange

Re: select onchange

Re: select onchange

Re: select onchange

Similar Threads

I can't select the database!

MySQL SELECT Question

I can't select my textarea.

How to create a current year to 1900 select box.

Posting Permissions