Easy Web page question

JimBoCol · 07-31-2010, 01:36 PM

Okay guys. I have a local webpage that I am using for my home page in explorer. I keep all of my links in it, sort of like a huge menuing system. Since Internet Explorer no longer supports frames, or navigates from page to page on the local disk, I had to redisign the entire thing. I figured while I'm at it, I might see if I can get rid of the buttons, and have it go to the address after updating the field.

This is what is in the head of the page:

Code:

<HTML>
<HEAD>
<TITLE>Home</TITLE>
<SCRIPT language="JavaScript">

function navigate(form) 
{
 var go = (form.linkList.options[form.linkList.selectedIndex].value);
 document.location.href=go;
}
</SCRIPT>

</HEAD> 
<body background="images/56olds7.JPG" font size=6 COLOR=#000000>

And this is one of the option groups:

Code:

        <b><font typeface="arial" size="5" color="#FFFFFF"><span style="background-color: #000000">Search/Forums</span></font></b>
		<FORM METHOD=post>
		<p>
		<SELECT NAME="linkList">
		<OPTION value="http://www.google.com"><selected>Google
		<OPTION value="http://www.yahoo.com">Yahoo
		</OPTION>
		</SELECT><INPUT TYPE = "button" NAME="GO" VALUE="Visit" onClick="navigate(this.form)">
		</FORM>

Is there any way that I can make it go to the site I choose by just choosing the option so I can get rid of the button?

Thanks,
Jim.

**jamiemac2005** · 07-31-2010, 03:27 PM

Hey, yes there is.

Use the onchange event handler. Someone has done this before.

Essentially all you need to do is change the second piece of code to:

Code:

		<FORM METHOD=post>
		<p>
		<SELECT NAME="linkList" onchange="navigate(this.form)">
		<OPTION value="http://www.google.com"><selected>Google
		<OPTION value="http://www.yahoo.com">Yahoo
		</OPTION>
		</SELECT><INPUT TYPE = "button" NAME="GO" VALUE="Visit">
		</FORM>

Cheers,
Jamey

JimBoCol · 08-01-2010, 10:36 PM

Thanks!! Worked like a charm!!

Our Communities

Automotive Communities

RV & Travel Trailer Communities

Marine Communities