How to create a jump drop down menu?

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

I have tried to create a drop down menu with and without a button. No sucess
so far. Can someone direct me to a good tutorial that will provide me with
all the steps?

THANK YOU!
 
If you mean a drop down box that takes you to a link.
Try this 8)

<form>
<select onchange="if(this.selectedIndex > 0 ) location.href='http://' +
this.options[this.selectedIndex].value">
<option>Select link</option>
<option value="www.microsoft.com">Microsoft</option>
<option value="msdn.microsoft.com">MSDN</option>
</select>
</form>

This is without a go button
Add options as needed

bob
|I have tried to create a drop down menu with and without a button. No
sucess
| so far. Can someone direct me to a good tutorial that will provide me
with
| all the steps?
|
| THANK YOU!
 
Thank you both. I was able to create the exact jump menu in Macromedia
Dreamweaver in 5 minutes. However, since we use Frontpage in the office I
have to make it work here. I copied the code in imported into FP and it does
not work. Is there a compatability issue?

I don't understand why it would work perfectly in Dreamweaver but not in FP?
Any ideas?

Below is the code from DW, pretty simple I think:

<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/JavaScript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script>

</head><body>
<p>DCL Intranet Home page</p>
<p></p>
<form name="form1" id="form1">
<select name="menu1" onchange="MM_jumpMenu('parent',this,1)">
<option>Select One</option>
<option value="wdw.htm">WDW</option>
<option value="dlr.htm">DLR</option>
</select></form></body></html>
 
From FrontPage
================================
<head>
<script language="JavaScript">
<!--
function FP_jumpMenu(el,frm,sel) {//v1.0
var href=el.options[el.selectedIndex].value; if(sel) el.selectedIndex=0;
if('_new'==frm) open(href); else eval(frm+".location='"+href+"'");
}
// -->
</script>
</head>

<body>
<p><select size="1" onchange="FP_jumpMenu(this,'window',false)" id="id1"
name="D1">
<option value="www.microsoft.com">MIcrosoft</option>
<option value="msdn.microsoft.com">MSDN</option>
<option value="www.whatever.com">Whatever</option>
</select></p>
</body>
</html>
=====================================

From JavaScript using <form> you don't need the script in the header.

=====================================
<body>
<form>
<select onchange="if(this.selectedIndex > 0 ) location.href='http://' +
this.options[this.selectedIndex].value">
<option>Select link</option>
<option value="www.microsoft.com">Microsoft</option>
<option value="msdn.microsoft.com">MSDN</option>
</select>
</form>
</body
========================================

Both are about the same........ JavaScript

bob

| Thank you both. I was able to create the exact jump menu in Macromedia
| Dreamweaver in 5 minutes. However, since we use Frontpage in the office I
| have to make it work here. I copied the code in imported into FP and it
does
| not work. Is there a compatability issue?
|
| I don't understand why it would work perfectly in Dreamweaver but not in
FP?
| Any ideas?
|
| Below is the code from DW, pretty simple I think:
|
| <html><head>
| <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
| <title>Untitled Document</title>
| <script type="text/JavaScript">
| <!--
| function MM_jumpMenu(targ,selObj,restore){ //v3.0
| eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
| if (restore) selObj.selectedIndex=0;
| }
| //-->
| </script>
|
| </head><body>
| <p>DCL Intranet Home page</p>
| <p></p>
| <form name="form1" id="form1">
| <select name="menu1" onchange="MM_jumpMenu('parent',this,1)">
| <option>Select One</option>
| <option value="wdw.htm">WDW</option>
| <option value="dlr.htm">DLR</option>
| </select></form></body></html>
|
|
| "Bob" wrote:
|
| > If you mean a drop down box that takes you to a link.
| > Try this 8)
| >
| > <form>
| > <select onchange="if(this.selectedIndex > 0 ) location.href='http://' +
| > this.options[this.selectedIndex].value">
| > <option>Select link</option>
| > <option value="www.microsoft.com">Microsoft</option>
| > <option value="msdn.microsoft.com">MSDN</option>
| > </select>
| > </form>
| >
| > This is without a go button
| > Add options as needed
| >
| > bob
| > | > |I have tried to create a drop down menu with and without a button. No
| > sucess
| > | so far. Can someone direct me to a good tutorial that will provide me
| > with
| > | all the steps?
| > |
| > | THANK YOU!
| >
| >
| >
 
That's great. I finally got it working. My next challenge has been getting
the selection to refresh back to the default 'Select One' when you click on
the back button.

Let me clarify:

When you drop down and select an option, it jumps to that page. Perfect.
However, when you select the back button from your browser, the option is
still selected, it doesn't refresh back to the 'Select One'.

How do I fix this?

Thanks for all your help!



Bob said:
From FrontPage
================================
<head>
<script language="JavaScript">
<!--
function FP_jumpMenu(el,frm,sel) {//v1.0
var href=el.options[el.selectedIndex].value; if(sel) el.selectedIndex=0;
if('_new'==frm) open(href); else eval(frm+".location='"+href+"'");
}
// -->
</script>
</head>

<body>
<p><select size="1" onchange="FP_jumpMenu(this,'window',false)" id="id1"
name="D1">
<option value="www.microsoft.com">MIcrosoft</option>
<option value="msdn.microsoft.com">MSDN</option>
<option value="www.whatever.com">Whatever</option>
</select></p>
</body>
</html>
=====================================

From JavaScript using <form> you don't need the script in the header.

=====================================
<body>
<form>
<select onchange="if(this.selectedIndex > 0 ) location.href='http://' +
this.options[this.selectedIndex].value">
<option>Select link</option>
<option value="www.microsoft.com">Microsoft</option>
<option value="msdn.microsoft.com">MSDN</option>
</select>
</form>
</body
========================================

Both are about the same........ JavaScript

bob

| Thank you both. I was able to create the exact jump menu in Macromedia
| Dreamweaver in 5 minutes. However, since we use Frontpage in the office I
| have to make it work here. I copied the code in imported into FP and it
does
| not work. Is there a compatability issue?
|
| I don't understand why it would work perfectly in Dreamweaver but not in
FP?
| Any ideas?
|
| Below is the code from DW, pretty simple I think:
|
| <html><head>
| <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
| <title>Untitled Document</title>
| <script type="text/JavaScript">
| <!--
| function MM_jumpMenu(targ,selObj,restore){ //v3.0
| eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
| if (restore) selObj.selectedIndex=0;
| }
| //-->
| </script>
|
| </head><body>
| <p>DCL Intranet Home page</p>
| <p></p>
| <form name="form1" id="form1">
| <select name="menu1" onchange="MM_jumpMenu('parent',this,1)">
| <option>Select One</option>
| <option value="wdw.htm">WDW</option>
| <option value="dlr.htm">DLR</option>
| </select></form></body></html>
|
|
| "Bob" wrote:
|
| > If you mean a drop down box that takes you to a link.
| > Try this 8)
| >
| > <form>
| > <select onchange="if(this.selectedIndex > 0 ) location.href='http://' +
| > this.options[this.selectedIndex].value">
| > <option>Select link</option>
| > <option value="www.microsoft.com">Microsoft</option>
| > <option value="msdn.microsoft.com">MSDN</option>
| > </select>
| > </form>
| >
| > This is without a go button
| > Add options as needed
| >
| > bob
| > | > |I have tried to create a drop down menu with and without a button. No
| > sucess
| > | so far. Can someone direct me to a good tutorial that will provide me
| > with
| > | all the steps?
| > |
| > | THANK YOU!
| >
| >
| >
Click to expand...
 
Back
Top