PC Review


Reply
Thread Tools Rate Thread

How to create a jump drop down menu?

 
 
=?Utf-8?B?ZGlzbm9pZDcy?=
Guest
Posts: n/a
 
      20th Feb 2006
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!
 
Reply With Quote
 
 
 
 
Trevor L.
Guest
Posts: n/a
 
      20th Feb 2006
disnoid72 wrote:
> 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!


http://www.opencube.com/ seems to have lots of good stuff

--
Cheers,
Trevor L.
Website: http://tandcl.homemail.com.au


 
Reply With Quote
 
Bob
Guest
Posts: n/a
 
      20th Feb 2006
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
"disnoid72" <(E-Mail Removed)> wrote in message
news:7D467181-72A0-4A12-815F-(E-Mail Removed)...
|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!


 
Reply With Quote
 
=?Utf-8?B?ZGlzbm9pZDcy?=
Guest
Posts: n/a
 
      3rd Mar 2006
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
> "disnoid72" <(E-Mail Removed)> wrote in message
> news:7D467181-72A0-4A12-815F-(E-Mail Removed)...
> |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!
>
>
>

 
Reply With Quote
 
Bob
Guest
Posts: n/a
 
      3rd Mar 2006
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

"disnoid72" <(E-Mail Removed)> wrote in message
news:2ED5B4E4-0C40-441C-B767-(E-Mail Removed)...
| 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
| > "disnoid72" <(E-Mail Removed)> wrote in message
| > news:7D467181-72A0-4A12-815F-(E-Mail Removed)...
| > |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!
| >
| >
| >


 
Reply With Quote
 
=?Utf-8?B?ZGlzbm9pZDcy?=
Guest
Posts: n/a
 
      9th Mar 2006
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" wrote:

> 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
>
> "disnoid72" <(E-Mail Removed)> wrote in message
> news:2ED5B4E4-0C40-441C-B767-(E-Mail Removed)...
> | 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
> | > "disnoid72" <(E-Mail Removed)> wrote in message
> | > news:7D467181-72A0-4A12-815F-(E-Mail Removed)...
> | > |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!
> | >
> | >
> | >
>
>
>

 
Reply With Quote
 
 
 
Reply

Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
creating drop-down navigation with "jump menu" =?Utf-8?B?ZWxhZHk=?= Microsoft Frontpage 3 10th Nov 2006 11:04 PM
Jump-out right list with hyper links but not drop down menu =?Utf-8?B?cm9yeSBob2Jhbg==?= Microsoft Frontpage 0 11th Nov 2004 02:44 PM
Create a drop down menu response to link another drop down menu? Nicholas Microsoft Frontpage 0 1st Sep 2004 05:31 PM
Re: Create a drop down menu response to link another drop down menu? Don Microsoft Frontpage 0 1st Sep 2004 04:45 PM
Drop Down/Jump Menu Problem!! =?Utf-8?B?a2VuIGMu?= Microsoft Frontpage 5 29th Mar 2004 02:28 PM


Features
 

Advertising
 

Newsgroups
 


All times are GMT +1. The time now is 09:24 AM.