How to make conditional drop down menus

I am working on a quick wireframe and would like to user to be able to choose 1 of 4 selection from 5 different drop down menus. Based on the configuration of the 5 menus, I'd like it to take them to a page displaying separate instructions.
So:
Drop down A, selection 1.
Drop down B, selection 2.
Drop down C, selection 1
Drop down D, selection 3
Drop down E, selection 4.
This combination takes them to page 2. A difference selection (e.g., 13114) would take them to a different page.
Any ideas?

iBod wrote:
Hi,
Try [this|http://www.manytricks.com/menubartint>.
Thanks, but this is only for changes to the menu bar, not the menus themselves. Although, one of the suggestions, [Menu Bar Tint|http://www.manytricks.com/blog/?id=21], looks interesting.
Chris

Similar Messages

How to make each drop down a different color?

I'm looking to do a menu similar to this: http://www.cca.edu/ and I can't figure out how to make each drop down a different color? Any help or resources greatly appreciated!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style>
ul.MenuBarHorizontal li#yellow ul a,
ul.MenuBarHorizontal li#yellow a:hover, ul.MenuBarHorizontal li#yellow a:focus,
ul.MenuBarHorizonta li#yellow a.MenuBarItemHover, ul.MenuBarHorizontal li#yellow a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal li#yellow a.MenuBarSubmenuVisible {
    background-color: #FF6;
    color: #333;
ul.MenuBarHorizontal li#yellow ul a:hover, ul.MenuBarHorizontal li#yellow ul a:focus,
ul.MenuBarHorizonta li#yellow ul a.MenuBarItemHover, ul.MenuBarHorizontal li#yellow ul a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal li#yellow ul a.MenuBarSubmenuVisible {
    background-color: #FF0;
    color: #333;
ul.MenuBarHorizontal li#red ul a,
ul.MenuBarHorizontal li#red a:hover, ul.MenuBarHorizontal li#red a:focus,
ul.MenuBarHorizonta li#red a.MenuBarItemHover, ul.MenuBarHorizontal li#red a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal li#red a.MenuBarSubmenuVisible {
    background-color: #F30;
    color: #333;
ul.MenuBarHorizontal li#red ul a:hover, ul.MenuBarHorizontal li#red ul a:focus,
ul.MenuBarHorizonta li#red ul a.MenuBarItemHover, ul.MenuBarHorizontal li#red ul a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal li#red ul a.MenuBarSubmenuVisible {
    background-color: #F00;
    color: #333;
ul.MenuBarHorizontal li#blue ul a,
ul.MenuBarHorizontal li#blue a:hover, ul.MenuBarHorizontal li#blue a:focus,
ul.MenuBarHorizonta li#blue a.MenuBarItemHover, ul.MenuBarHorizontal li#blue a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal li#blue a.MenuBarSubmenuVisible {
    background-color: #6CC;
    color: #333;
ul.MenuBarHorizontal li#blue ul a:hover, ul.MenuBarHorizontal li#blue ul a:focus,
ul.MenuBarHorizonta li#blue ul a.MenuBarItemHover, ul.MenuBarHorizontal li#blue ul a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal li#blue ul a.MenuBarSubmenuVisible {
    background-color: #00F;
    color: #333;
ul.MenuBarHorizontal li#pink ul a,
ul.MenuBarHorizontal li#pink a:hover, ul.MenuBarHorizontal li#pink a:focus,
ul.MenuBarHorizonta li#pink a.MenuBarItemHover, ul.MenuBarHorizontal li#pink a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal li#pink a.MenuBarSubmenuVisible {
    background-color: #F99;
    color: #333;
ul.MenuBarHorizontal li#pink ul a:hover, ul.MenuBarHorizontal li#pink ul a:focus,
ul.MenuBarHorizonta li#pink ul a.MenuBarItemHover, ul.MenuBarHorizontal li#pink ul a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal li#pink ul a.MenuBarSubmenuVisible {
    background-color: #F36;
    color: #333;
</style>
</head>
<body>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li id="yellow"><a class="MenuBarItemSubmenu" href="#">Item 1</a>
    <ul>
      <li><a href="#">Item 1.1</a></li>
      <li><a href="#">Item 1.2</a></li>
      <li><a href="#">Item 1.3</a></li>
    </ul>
</li>
<li id="red"><a href="#">Item 2</a></li>
<li id="blue"><a class="MenuBarItemSubmenu" href="#">Item 3</a>
    <ul>
      <li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
        <ul>
          <li><a href="#">Item 3.1.1</a></li>
          <li><a href="#">Item 3.1.2</a></li>
        </ul>
      </li>
      <li><a href="#">Item 3.2</a></li>
      <li><a href="#">Item 3.3</a></li>
    </ul>
</li>
<li id="pink"><a href="#">Item 4</a></li>
</ul>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
Gramps

How to make chooser drop down menu, Example i want choices 1 or 2 or 3 from the drop down menu or Location , Egypt , USA , Canda

how to make chooser drop down menu, Example i want choices 1 or 2 or 3 from the drop down menu or Location , Egypt , USA , Canda

Hello,
Where do you want to insert it in Muse. Do you want to add this in Muse Form widget then you can use the widget mentioned in the link below.
Forms+ Bundle Widget – Widgets.Mu
If you want to insert it anywhere else in Muse and if you have the HTML codes for that then you can insert its codes in page from Object > Insert HTML.
You may also require to use some java scripts to make them working as expected.
How to Make JavaScript Dropdown List - YouTube
Regards
Vivek

How to create conditional drop-down lists

I would like to create a form that utilizes conditional drop-down selection boxes like at http://blogs.office.com/b/microsoft-excel/archive/2009/11/24/create-conditional-drop-down- lists.aspx
How can I create a form that contains fields like this?
Is there a sample I can download?

I have downloaded the AcroForm version (ListProgramming_Part1_AcroForm.pdf).
I'm not able to consistently recreate. I was first playing with the form by selecting values in the drop down. At one point I went to Document Javascripts and select "Example1". I chose to edit. Make no changes and select "OK" I get "SyntaxError: missing } in compound statement 39 at line 40"
The sec ion of code is:
function SetPartEntries()
   // Only run this code on when the selection is commited.
   if(event.willCommit)
// There are 3 rows in the order form so in order to use other fields in
// the same row we first have to acquire the name of the row
// we are operating on. This is part of the List field's name, so we
// just have to split it off
var cRowName = event.target.name.split(".").shift();
// Now get the new parts list from the Master List
// Since the selection is being committed, event.value contains the selection text
var lst = oAssemblyParts[event.value];
// If an entry is selected that we don't have a parts list for, then
// the parts list is just cleared.
if( (lst != null) && (lst.length > 0) )
   this.getField(cRowName + ".PartSelect").setItems(lst);
else
   this.getField(cRowName + ".PartSelect").clearItems();
// We have a new parts lists and the first entry is
// is a non-selection. so clear the price field.
this.getField(cRowName + ".Price").value = 0;
I am not able to recreate if I select "Edit all Javascripts" only when I use document javascripts.

How to make dynamical drop down menu?

I am trying to make a drop down menu which is dynamical in dreamweaver? is there a way to do that? i am not good at programming.

Here are links to a couple of tutorials for this:
http://www.roscripts.com/Building_a_dynamic_drop_down_menu-216.html
http://www.finalwebsites.com/tutorials/dynamic-navigation-list.php

Drop Down Menu Selection - Make Other Drop Down Menus Visible

I am having some trouble with a simple if-else statement. When a certain selection is made in a drop down box, I would like two other drop down menus to appear. (At runtime, they are hidden.) The current problem is that when I try and select anything in the drop down menu, it will only allow me to select this one option. (If I try to select anything else, it reverts back to the same thing every time.) If I set the "if" statement to trigger for something else, then that option is all it will display and so on. I have made plenty of these types of scripts in other areas of this PDF, but I can't figure out why it isn't doing what I want it to now.
The "change" event is what I currently have this set to. I have also set it for the "enter" event with no change.
if (this.rawValue = "Ankle/Brachial Index (ABI) - 93922")
ABI.presence = "visible"
TBI.presence = "visible"
else
ABI.presence = "hidden"
TBI.presence = "hidden"
If there's a better way to do this than the method I am attempting to use, please don't hesitate to suggest it. I am definitely open to learning new methods.

Thanks, man! I knew it was something simple I was missing. Those are my favorite kind of fixes.

How to make three drop downs in DW and link with paypal?

I have this tiresome question to which I have been looking for a solution. The solution is easy but somehow my brain synapses don't work there.
DreamWeaver + Paypal.
My form has 3 dropdowns
First is primary color - red , green etc- Visitor chooses one.
Then How does he get linked to the second dropdown form- Secondary colors- red blue green etc-
After he chooses the secondary color and Then he needs to choose the third dropdown- size -
AFTER that he presses the paypal button.
Now please can some altruistic soul give me a solution of can this be done through Dw? (3 forms+paypal)
What would you suggest- radio buttons or drop down menu?
Can all three forms be linked to paypal in one go itself? (primary color+ secondary color + size?)
Naturally I will have to make paypal forms for each color, but is there any easy way?
Also is there any way in which pressing on a button brings up an image?
If you have been patient enough to read this and can help me, I'll be so indebted to you!
Thanks,

This is called 'Dependant Dropdown' or 'Cascading Dropdown'.
There's a beautiful jQuery plugin you can use to get this done.
Download plugin here: https://github.com/dnasir/jquery-cascading-dropdown
Demo(s) here: http://dnasir.com/github/jquery-cascading-dropdown/demo.html

How To Make Interactive Drop Down Text Boxs??

As many may know from my recent posts, I am pretty new to this whole design thing. I'm getting a pretty good hang of most things, but now I've reached a point where I am trying to create some interactive features.
I have a page in an iPad magazine whish is a full page photo. What I want to do is have a couple of buttons in random places on the photo that when tapped/pressed/pushed, roll out a drop down text box and when tapped/pushed/pressed again, rolls up the text box. I'm not sure what this is called or how to do it so any help is much appreciated.
I should be able ot figure it out for myself if someone can give me a general idea of what this sort of item is called and the general steps involved.
Thanks for the help

You might want to try Multi State Objects (Object States).
One state should be an empty frame and the other state a text box.
The buttons get the action "Go To State" so you can switch to diffent Object States when you tap on them.
If you're really looking for a way to make it interactive (HTML dropboxes), you might want to use HTML(5) and include it in DPS as Web Content.

How to make a drop down list default to a blank space

I have a drop down list
<cfselect name="EmployeeName" query="getname"
value="EmployeeName" selected=" "></cfselect>
I want the list to default to a blank space, can this be
done?
If so, how?

I figured out a way to do it, except now I ran into another
problem. The way I have it set up, i can't make it required now.
Any ideas?
<cfselect name="EmployeeName" query="getname"
value="EmployeeName" required="yes" message="Please select your
name">
<option value="" selected="selected"></option>
</cfselect>

How to make animated drop down menu responsive?

Hi
I've made an animated drop down menu in Edge Animate. It works fine at 945px wide with drop downs coming from 4 of the links. When the window is resized to 700px I want to reduce the 8 top links down to 4 and have longer drop downs and the same again at 400px wide. How do I do this as Edge has no media queries. do I use symbols?
Thanks.

Hi garyt88,
Found something that could help although I have to admit that I have not tried it myself.
Adobe Edge HTML5 Interactive Drop-Down Menu Tutorial - YouTube
Thanks,
Preran

A simple process I just don't know - how to make one drop down list dependent on another.

Drop-Down List One has 17 office names. Drop-Down List Two has sub-office names associated with each of the 17 main offices. If user selects Office 3 from Drop Down List One, only sub-offices associated with Office 3 should appear as choices in Drop-Down List Two. How do I do that?

You have asked your question in the Adobe Reader user forum.
You cannot do what you want with Adobe Reader. Adobe Reader is a PDF viewer - no more, no less.
You need Acrobat.
The Acrobat user forums are at:
https://forums.adobe.com/community/acrobat
Be well...

I need help. how to make vertical drop down menu

I need help. I want on my site to make navigation as such on this site http://www.website24.eu/einstieg/. if you can help me and explain how?

like this http://www.jqueryrain.com/?3khGEoMY

How can I move drop-down menus?

Whenever I click dropdown menus from my panels (for instance, "Arrowheads" or "Profile" from the Stroke panel), the dropdown menu appears at the top-left of my screen and not below my mouse. Is there a way to move them? See attached picture. Thanks.

Reset your preferences.
Please check the following link below.
http://help.adobe.com/en_US/illustrator/cs/using/WS714a382cdf7d304e7e07d0100196cbc5f-630ca .html#WS714a382cdf7d304e7e07d0100196cbc5f-630ba

How to create drop down menus

I want to know how to make the drop down menus for my
navigation bar. I really want the menus to pop out to the right. Do
I have to buy a java script to do this. I am a relativly new
developer. I know some HTML and am just learning CSS. I am using
Dreamweaver to construct my pages. I dont know java scripting and
dont know how hard it is to do so don't know if this is something I
can make on my own or if I can copy one from a free source or buy
one. Thanks for any help. aekp

Check the uberlink and MacFly tutorials at PVII
http://www.projectseven.com/)
and the Navbar tutorial/articles at Thierry's place
http://tjkdesign.com/articles/dropdown/)
Or this one (more recent article):
http://tjkdesign.com/articles/Pure_CSS_Dropdown_Menus.asp)
Or to get it done fast, go here -
http://www.projectseven.com/tutorials/navigation/auto_hide/index.htm
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"aekp" <[email protected]> wrote in message
news:en12bl$25c$[email protected]..
>I want to know how to make the drop down menus for my
navigation bar. I
>really
> want the menus to pop out to the right. Do I have to buy
a java script to
> do
> this. I am a relativly new developer. I know some HTML
and am just
> learning
> CSS. I am using Dreamweaver to construct my pages. I
dont know java
> scripting and dont know how hard it is to do so don't
know if this is
> something
> I can make on my own or if I can copy one from a free
source or buy one.
> Thanks for any help. aekp
>

Editing Drop Down Menus in Contribute

I have a client who is using contribute and wants to edit
drop down menus. These drop down menus link to individual pdfs and
she changes the names of the pdfs on a regular basis and wants to
update these links in the drop down menus. The site was created in
Dreamweaver. In role preferences of Contribute I turned on the
allow unrestricted editiing which allows form elements to be
edited. However I cannot figure out how to change the drop down
menus. Is there any way to edit the drop down menus fields in
Contribute?

Create a SSI (with PHP f.i.), best in de root of the site,
considering the way Contribute is handling linking.
Call the file something like menu.inc.php.
Provide your client with the url to menu.inc.php in the
Bookmarks or explain the Choose-button in Contribute to open the
file menu.inc.php.
Keep the file simple (ul/li or p) .

How to make conditional drop down menus

Similar Messages

Maybe you are looking for