Drop-down menu on link buttons

I have designed a number of basic websites using Dreamweaver
- and know how to put together a menu table consisting of a number
of linked buttons that will take you to the relevant new page when
you click on it. What I now want to know how to do relates to
linked buttons that (when you click on it) produce a "Drop Down
Menu" of further linked options. How do I make a link into a
dropdown menu.

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
==================
"alantayormade" <[email protected]> wrote in
message
news:fam48h$edt$[email protected]..
>I have designed a number of basic websites using
Dreamweaver - and know how
>to
> put together a menu table consisting of a number of
linked buttons that
> will
> take you to the relevant new page when you click on it.
What I now want to
> know
> how to do relates to linked buttons that (when you click
on it) produce a
> "Drop
> Down Menu" of further linked options. How do I make a
link into a dropdown
> menu.
>
>

Similar Messages

Drop down menu for services button

This is the code i have for the buttons on the website.
<div id="cssButton" align="center">
    <a href="index3.html" class="button custom">HOME</a>
    <a href="news.html" class="button custom">NEWS</a>
    <a href="services.html" class="button custom">SERVICES</a>
    <a href="portfolio.html" class="button custom">PORTFOLIO</a>
    <a href="about.html" class="button custom">ABOUT US</a>
    <a href="contact.html" class="button custom">CONTACT US</a>
</div>
I'm trying to create a drop down menu for the services button, but not sure how to go about it.
Any help would be much appreciated.
Aaron

Structurally, you really should use unordered lists for menus. And use sub-lists for your drop-menus.
<nav>
<ul id="menu">
<li>Menu 1</li>
<li>Menu 2</li>
<li>Menu 3</li>
<li>Menu 4<ul>
     <li>Sub-Menu 4.1</li>
     <li>Sub-Menu 4.2</li>
     <li>Sub-Menu 4.3</li>
</ul>
</li>
<li>Menu 5</li>
</ul>
</nav>
With some creative CSS, you can have button styled lists that drop. See links below for details:
CSS Menu - JSFiddle
http://jsfiddle.net/zN7fU/28/
Nancy O.

Selecting the XML data from a drop-down menu or links

Hi, I have this page:
http://www.georgeglazer.com/prints/nathist/botanical/volckinv/volckinv.html
There are prints of lemons/limes and prints of oranges. I
want to have the visitor select which kind of fruit from either a
drop-menu or from two links that look something like this:
Lemons/Limes | Oranges. Looking at other help docs I found the
region/state mapping demo at
http://labs.adobe.com/technologies/spry/samples/data_region/StateMappingSample.html,
and copied the code and tried to modify it. But I don't really
understand the technical shorthand of the help docs (an ongoing
problem I have with the Spry documentation) and I couldn't find the
XML docs that the region/state mapping demos are based on so I
couldn't see how they were set up.
I got as far as this: nothing loads initially when you open
the page (I'd like the lemons to load), but if you select Oranges
from the drop-down menu you see the oranges, and THEN once you've
done that, you can select Lemons/Limes in the drop-down menu and
see those. I have three XML files I've been playing around with to
get this to work: lemons.xml, oranges.xml and inventory.xml, which
combines the two.
I also suspect region/state mapping might not even be exactly
what I'm trying to do here, but I can't figure out from the
documentation exactly what this thing I'm trying to do is called. I
know the photo album demo accomplishes something similar, and I
could do that, but it seems way more complicated than what I need
here (right?). Help will be appreciated!
Thanks,
Helen

I made a different test using the file
http://www.georgeglazer.com/prints/nathist/botanical/volckinv/inventory.xml
and
http://www.georgeglazer.com/prints/nathist/botanical/volckinv/volcktest.html
where I sent up the inventory xml form like one I found in the
Nested XML Data documentation where you have item ids and types, so
all the oranges and lemons are in one XML document (which I'd
prefer).
Here's an abbreviated version of the inventory.xml:
<inv_items>
<inv_item id="1" type="lemon">
<name>Lemons and Limes</name>
<title>Cedro Ordinario</title>
<plate>116a</plate>
<fullimage>pl116a.jpg</fullimage>
<tn>pl116a-2.jpg</tn>
</inv_item>
[and more lemons follow]
<inv_item id="19" type="orange">
<name>Oranges and Others</name>
<title>La Zucchetta Imperiale</title>
<plate>138a</plate>
<fullimage>pl138a.jpg</fullimage>
<tn>pl138a-2.jpg</tn>
</inv_item>
[and more oranges follow]
</inv_items>
What I'd like to do is display the names "Lemons and Limes"
and "Oranges and Others" and when you click on "Lemons and Limes"
you see only the thumbnails for lemons and limes, and when you
click on "Oranges and Others" you see the thumbnails for only
those. I'd like the Lemons and Limes to be selected when the page
is opened.
Help greatly appreciated!

Why firefox doesn't include recently viewed pages drop down menu with back button?

This feature is quite common and useful instead of searching in history or going back one by one.

Click-hold or right-click the Back button to see the Back / Forward list.

Simple Drop Down Menu buttons not working

I'm having a bit of trouble getting a button in a hoover over drop down menu to link to another scene in the .swf movie. I just doing a basic drop down menu (example here: http://www.flashkit.com/tutorials/Interactivity/Navigation/Drop_dow-Phlook-951/index.php) with a couple of buttons with in a movie clip, the movie clip being the "button" someone hoovers over. The buttons however are not going to the corrisponding scene I have them set up to. What's strange is that if I set in the buttons action panel to go to an url instead of a scene, in the .swf movie the button works when I click it...it wants to go the specificed url. Nothing happens when it's set to go to a scene. Any help would be much appreciated.

Thanks for the reply Ned. The code I'm using on the buttons is the same method I'm using for the regular buttons (i.e. not with in a movie clip).
on (release) {
gotoAndPlay("Scene X", 1);
I like and appreciate the idea on keeping it with in the same timeline, but that didn't work either. This is all very strange, because as I said, the buttons that are not with in a movie clip work with that method in their action panel. And the buttons with in the movie clip work out to an url, just not a scene or frame number.
I'm using CS4, but I'm not sure which 'Publish' settings I should have it at, and on 'Profile' it's set to 'Flash CS3 Settings (it's either that or 'Flash 5 Settings').

Creating a Drop Down Menu Attached to Existing Rovvover Menu Buttons

I am working on a website, and I was wondering if one can create a drop down menu for existing buttons. I looked over directions for adding drop down menus for iWeb (http://iwebfaq.org/site/iWebTeardown.html) but wondered how difficult it would be to connect them to the rollover buttons that I am already using in my menu bar.
Here is my draft site: http://web.me.com/toesproductions/AFW/Home.html
Thank you for any advice or help you maybe able to provide.

In iWeb you use the HTML Snippet to paste the code for the dropdownmenu.
You have to find the code first.
[Using the iWeb HTML Snippet|http://www.wyodor.net/blog/archives/2009/07/entry_213.html]
You can also add the code directly with a JavaScript :
http://www.wyodor.net/_Demo/tmf/Duckmenu.html
http://www.wyodor.net/_Demo/tmf/TMF.html
This is the JavaScript :
http://www.wyodor.net/_Demo/duckmenu/tmf.js
It searches for a textbox with the word DIVmenu in it and replaces it with the code.
You may have to learn HTML/CSS/JavaScript and how iWeb creates its webpages.

Simple drop down menu (not navigational)

Hello all.
I must admit that I'm more versed in Flash than I am in
Dreamweaver unfortunately. I'm building a website as of right now,
and I have a drop down menu. I need for this drop down menu to link
to other pages when a menu item is selected and the go button
(positioned next to the menu) is pressed (much like the drop down
menus on this site). Will someone please walk me through how to go
about doing something like this? I hope it's quick and easy.
Thanks!

Use DW's Jump menu. Or get the JumpMenuMagic extension from
PVII -
http://www.projectseven.com/
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
==================
"Sugaplum" <[email protected]> wrote in
message
news:eeqvrd$3ov$[email protected]..
> Hello all.
> I must admit that I'm more versed in Flash than I am in
Dreamweaver
> unfortunately. I'm building a website as of right now,
and I have a drop
> down
> menu. I need for this drop down menu to link to other
pages when a menu
> item is
> selected and the go button (positioned next to the menu)
is pressed (much
> like
> the drop down menus on this site). Will someone please
walk me through how
> to
> go about doing something like this? I hope it's quick
and easy. Thanks!
>

Need help please with drop down menu

AS2 I created a drop down menu for my portfolio. my setup is my site mc, within that mc it my portfolio and the drop down menu with five buttons. I want to link on of those button not to the root, but in the same area as the drop down menu/ this is how it is set up.
sceen1 and inside sceen1 is navebar with the drop down menu. Inside the menu are my buttons. I dont need it to link at the root(sceen1) I need to link one of the buttons to a frame in the navbar area. Sorry and I hope you can understand what I wrote.

What code have you tried? Where do you have the code planted? If you plant all of the code in one place, such as the main timeline then it might be easier for you to manage targeting whichever objects you intend to.

Loading data in a drop down menu using jsp

hello everyone...
I'm very new to JSP programming....i'm facing a problem regarding loading the data in a drop down menu at the button click.....
what i'm doing is...i'v taken a button and at the button click the data from "Sql Server 2000" shd load in a drop down menu....here's the code which i think will make my point clear....
<%@ page contentType="text/html; charset=iso-8859-1" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<%
          Connection con=null;
          ResultSet rs=null;
          try
               Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");
               con=DriverManager.getConnection("jdbc:odbc:p_portal");
               Statement stat=con.createStatement();
               String sql="select * from message_box where name='anindo'";
               rs=stat.executeQuery(sql);
               %>
<script language="javascript">
function check()
     var show=document.getElementById("mydivtag");
     show.innerHTML = "<label><select name=select><% while(rs.next()){%><option><%= rs.getString(1) %></option><option><%= rs.getString(2) %></option><option><%= rs.getString(3).substring(0,10) %></option></select></label><%}}catch(Exception ex){out.print("Exception is:- "+ex);}%>";
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<label></label>
<p>
    <input type="submit" name="Submit" value="Submit" onclick="check()" />
       </p>
<p>
   </p>
<div id="mydivtag" ></div>
<p> </p>
</form>
</body>
</html>

yep Ajax is d right way 2 do so.
So can use DWR(ajax tech.) for dis/
To implement dis dere r simple steps u hav 2 follow
1. entry for <dwr> tag in web.xml
2. entry for <onverter>in web.xml
3. In jsp u write
<script type="text/javascript" src="<%=appName%>/dwr/engine.js"></script>
<script type="text/javascript" src="<%=appName%>/dwr/util.js"></script>
<script type="text/javascript"src="<%=appName%>/dwr/interface/ClassService.js"></script>
were ClassService is ur class whose method u want 2 call.
4.
In jsp under <script> u can simply write
ClassService.Methodname(param1,param2,....,CallBackFunction);
5.CallBackFunction(data)
/// do wt u want
For more details u can find it on google.

Drop Down Menu does not appear

Hi,
We're working on EP7 for CRM 5.0... from a particular user (let's say user :ab), while creating a <b>new</b> : Account, Lead, Activity etc. the <b>drop down menu under the button New does not appear</b>..instead it throws an explorer error (error in line 126...access denied etc.)
rest of the users with the same role (in the back-end & front-end) are working perfectly. we have tried re-assigning the role and also changing the buffer parameter but still the drop down list does not appear... kindly suggest me a solution.
thnx bye.

no it does not depend on that
i have found out the "solution" to the problem, i had changed the default value of the date from (DD.MM.YYYY to Islamic date ) field in SU01 for that user , now when i revert the changes back to the default value, it works fine...and he's able to see the values in the drop-down now.
the customer still needs the Islamic dates.... so half the prob. is solved, the other half remains unanswered ..... kindly advise
any idea why would the date change cause the menu not to populate?
thnx.
Message was edited by:
Jacob Raj

Can't find the right drop down menu tutorial I'm looking forr

HI I'm trying to build a vertical drop down menu with five
buttons. the third button will have three options that are revealed
on rollover. The three options are revealed as the bottom two
buttons move down the stage and then move back again on roll out of
the third button. I hope this makes sense and that someone can
help. Any tutorials? Advise? Many Thanks

It's not under Security tab...Click on the Wireless tab and then Wireless Security subtab and you will see the drop down menu where you can select WEP/WPA...

(beginner) creating drop down menu?

What I am trying to do is create a drop down menu of links.
I can create a rollover no problem. When the rollover is
activated, a list of text appears. I want to make this list of text
change color when rollover and eventually make each one into
seperate links.
So, can rollovers be created within rollovers?
Thanks for any help! ^_^
Oh and where do I find the code so I can attach it here?

in as2, you can't attach mouse handler code to a child and
parent and expect the child to respond to mouse events. you can use
a loop and hittest in the child or parent and mouse handler in the
other.
if you click replay (not quick reply), there's an option to
attach code.

Mobile drop down menu won't disappear once I have clicked one of the links in the drop down to take me to an anchor further down the page. I want the drop down to disappear upon clicking and scroll at the same time.

Basically I have a drop down menu, which i have tried to create numerous times with different widgets available in muse or as freebies on the net.
The menu within the drop down is a manual menu and each button links to an anchor on the page, so that when clicked the page scrolls to that anchor.
My problems is that once I have clicked one of the links to go to the anchor further down the page the drop down remains. For the purpose of User Experience and fluidity across the mobile design i would like the drop down to disappear on click of the anchor link. Is this possible?
Many thanks,
Lew.

Hi Brad,
At the moment I have used an downloaded widget which utilises the acordian style to create the drop down. Here is a link to the Mobile version of the site - http://www.brainstormdesign.co.uk/phone/index.html
Many thanks,
Lew.

Buttons - making a drop down menu

Hello,
I only know very basic flash. Right now, I am attempting to revamp a website. The buttons that are currently being used are only gifs that are hyperlinked and there are almost 12 buttons... I think that this is a ridiculous amount of buttons to have. It looks very cluttered.
So, I figured I should make 6 buttons and just fit the rest of the buttons into subcategorized buttons. And the way to do this is to create flash buttons with drop down menus. To see what I mean, go to this link and look at their buttons:
http://ca.msn.com/
Their buttons drop down into menus with sub-categories. I want to do this.
So far, I have gone into flash, created buttons and made graphics for the "Up" "Over" "Down" and "Hit". I have also added the menu buttons and graphics for the "Over" of each drop-down button-menu.
I have even provided the action script to link each button to where I need it to go.
HOWEVER, here is where the problem is. When I roll the mouse over the button, and then move the mouse down to click on one of the buttons in the drop down menu, the menu disappears, OF COURSE, because the mouse goes off the hit. I can't make the hit bigger, because the menu shouldn't open unless it's on the main button. But without the hit being bigger, the menu will always disappear.
IN ADDITION, I've never used flash buttons on a website before. I'm just using HTML. How do I link the button to the page? Do I save the file as a .swf flash file? And link to 6 different files? Or do I save the buttons in a line, and just use one link?
I'm on a bit of a deadline so any help is appreciated. Thanks in advance!
-Michelle

While I can't help you with your deadline, I can offer a little bit of input. To take a Flash approach you should find a Flash drop down menu tutorial thru Google and follow thru that to gain an understanding of how to construct one. The problem you are having with the rollover stems from needing to extend the rollover such that each element of the dropdown also carries that rollover command. Each button needs to be assigned code to process interacting with it and linking to some other web page. The swf file that you publish would need to be sized for holding the buttons and then must be placed on the web page.
The example you pointed to uses a CSS drop down menu, which you will likely find easier to create and manage if you have no familiarity with how to make Flash work in a web site. I suggest going to the Dreamweaver forum and looking there for information about that approach.

Link to other scenes in drop down menu

I have a drop down menu in AS2 Flash. I want to be able to link to any scene, any frame from this one menu. All I want to do is to go back to the root and then to go to the relevant scene/frame. Inside my menu (a series of buttons inside a movieclip), the code on one particular button is:
on (release) {
    _root.gotoAndStop("New", 'new1');
but it does nothing. I know very little about scripting code, so I need an easy fix.
I have tried
on (release) {
    _root_root.gotoAndStop("New", 'new1');
on (release) {
    _root.gotoAndStop(New, 'new1');
and many variations on this.
Need help please.

the goto methods don't accept a scene parameter. make sure your frame labels are unique and use the labels only.

Drop-down menu on link buttons

Similar Messages

Maybe you are looking for