This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Dreamweaver > August 2004 > can i make a jump/menu from a word?





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author can i make a jump/menu from a word?
LBJ21

2004-08-06, 7:15 pm

i want to have a word that when you put the cusor on it a menu drops down and you have options to click on
i have seen it on other sites
thanks in advance
DiMa *TMM*

2004-08-06, 7:15 pm

LBJ21 <webforumsuser@macromedia.com> wrote:
> i want to have a word that when you put the cusor on it a menu drops
> down and you have options to click on i have seen it on other sites
> thanks in advance


When you're using a word, image, etc to trigger a menu like this, it is no
longer called a "jump menu." A jump menu is a form element. The vocabulary
for this business can be confusing, eh? :) So we call it a popup or dropdown
or slideout or some such things.

There are many tutorials on this, but my favorite is here:

http://www.projectseven.com/tutoria...menus/index.htm

Or, you can simply do this:

1) Make a null link out of your text:

<a href="java script:;">I'm a trigger!</a>

2) Create a "layer" in dreamweaver (positioned div), give it an id and make
the visibility hidden. Position it under you trigger. Put your links in
there:

<div id="ddlayer" style="position:absolute; width:200px; z-index:1; left:
0px; top: 0px; visibility: hidden;">
<p><a href="link1.html>link 1</a></p>
<p><a href="link1.html>link 1</a></p>
</div>

3) Style the links and the p's (or whatever container you choose - li, p,
div, table/td, etc).

4) Select the null link and use MM's Show-Hide layers to first show it
onMouseOver, the another instance to hide it onMouseOut:

<a href="java script:;" onMouseOver="MM_showHideLayers('ddlayer','','show')"
onMouseOut="MM_showHideLayers('ddlayer','','hide')">I'm a trigger!</</a>'

--
--
DiMa
Team Macromedia Member for Dreamweaver MX
--------------------
WEB FORUM USERS: Please log on to the Newsgroup for quicker replies to
your posts: news://forums.macromedia.com/macromedia.dreamweaver
For Answers, check here first:
http://groups.google.com/advanced_g...dia.dreamweaver
http://www.macromedia.com/support/d.../technotes.html
http://www.projectseven.com/faqbase
http://dwfaq.com

http://www.macromedia.com/support/forums/etiquette.htm

www dot flyingtigerwebdesign dot com


LBJ21

2004-08-06, 7:15 pm

what is a null link?
and how do i do it
DiMa *TMM*

2004-08-06, 7:15 pm

LBJ21 <webforumsuser@macromedia.com> wrote:
> what is a null link?
> and how do i do it


A null link is a link that doesn't go anywhere and is therefore "null."

I just showed you how to do it: javascipt:;
That's:

javascript colon semi-colon

Select the text you want to trigger the menu and type that into the link
field in the P.I.

--
--
DiMa
Team Macromedia Member for Dreamweaver MX
--------------------
WEB FORUM USERS: Please log on to the Newsgroup for quicker replies to
your posts: news://forums.macromedia.com/macromedia.dreamweaver
For Answers, check here first:
http://groups.google.com/advanced_g...dia.dreamweaver
http://www.macromedia.com/support/d.../technotes.html
http://www.projectseven.com/faqbase
http://dwfaq.com

http://www.macromedia.com/support/forums/etiquette.htm

www dot flyingtigerwebdesign dot com


Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews