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.

Similar Messages

Drop down text box?

Is there a way, in iWeb 08, to have a drop down text box. Click on a little triangle, as in iWeb's page column or Mail's mailbox list, and have text appear?
Heading <<< before. Click on the > (arrow) and....
Heading
- Item one
- Item two

Do you mean a drop down menu where the viewer makes a selection or a text box that the viewer can add text to? If it the menu type Google from Drop Down Menu and you'll find a number of sites with the code you can use to add to a Web Widget HTML Snippet. Haven't found any sites for a box you can write into.
One of the sites is: http://www.brothercake.com/dropdown/
OT

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 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

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

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 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>

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...

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

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 to make an animated editable text box?

I want to make a pdf form with textboxes and tickboxes, but one that includes animations (like zooming in on a specific part).
My approach was to create it in InDesign along with the animations, and use Acrobat Pro to make the pdf. However either the animation part, or the filling in part doesn't work in the final pdf.
I'm not sure if this is the way to go, but with no programming skills I would love it to work.
Thanks, Maurits

Even if you did have the programming skills, I'm not certain animated PDF form fields would be feasible, or desirable. InDesign > PDF animations are Flash based, and somewhat a backward step with respect to supporting technologies and viable deployment. If anything, you'd want to be exploring the possibilities of doing what you envision using HTML 5, or at least JQuery, which I know can be used to animate within form fields.

How to make hidden Drop Lists functional in RBList Subforms?

I have created a form that contains 3 isolated Radio Button lists, each with hidden subforms that are unique per each button.
Two of my RBLists and subforms work perfectly, showing hidden Drop Down List options and other fields as they should when a button is selected.
However, RBList3 presents the Drop Down lists as user entry fields only. Each hidden subform in RBList3 contains one drop down menu and one text box for instructions.
I've used the same javascript to hide/show hidden fields when buttons are selected. All settings seem to match up. Here is a sample of my code:
if(RBList3.F.rawValue != 2)
    this.presence = "hidden";
    newsubform.presence = "hidden";
else if(RBList3.F.rawValue == 2)
    this.presence = "visible";
    newsubform.presence = "hidden";
Does anyone have any suggestions for how to make my Drop Down Lists in RBList3 show as functional Drop lists?
I have attached the form for reference.

See example #62 on my blog for a 10.1.3 example:
http://tinyurl.com/smuench-adf-examples
For a tutorial on how to create them using the new features we enable in 11g, see my Oracle Magazine article:
Defining Cascading List of Values

Drop-down Text - Bullet Format

Can bullets in a drop-down text box be different than the bullet of the item it is describing. In RoboHelp 9, the bullets take on the formatting of the original item even though I have them formatted differently.
Here is an example of what I'm trying to do.
I start with this list:
When I create the drop-down text and format the bullets within this text for item "Line 1", they look like this.
When I view the selected item and/or when I generate and view it, I get the following result.
Obviously I didn't create the drop-down text with the large square bullet, but it appears to pick up the bullet from the main listing.
How can I get separate formatting for the drop-down text? Is there something wrong with the formatting of my drop-down text box?
I do have drop-down text boxes in RoboHelp 7 that have different bullet formatting, but the only way this could be achieved is by leaving the formatting of the original list as Normal and inserting the bullet as an image.
This shows the list item with an inserted image as the bullet and in Normal format.
This shows the formatting that I would like to see.
This shows that the formatting is ok in the drop-down, but only if I don't use bullets on the original list.
Thank you!

Did anyone ever figure this out? I am having the same problem, but in addition to bullet and numbering styles, the dropdown text is inheriting other qualities from the Hotspot format, including font color.
What can I do to maintain the formatting in the drop down text independently from the text formatting of the hotspot?
Thanks!

How do I make a drop down list of text in numbers as it is made in the example spreadsheet for comparing cars for buying where you can choose a value from a dropdown list for each car?

how do I make a drop down list of text in numbers as it is made in the example spreadsheet for comparing cars for buying where you can choose a value from a dropdown list for each car?

Where is this example spreadsheet? Without seeing it I can only guess at what you are asking.
To make a drop-down list (a pop-up menu in Numbers-speak), format the cell as a pop-up then edit and add to the list of items.
If the example spreadsheet is pulling in a dollar value based on what car you chose in the pop-up, it is probably using LOOKUP or one of the other lookup functions, getting the information from another table (a lookup table). If, instead, these dollar values are what you are choosing in the pop-up, then you need to create a pop-up with these values in it.
The Help menu includes a link to a page where you can download the Numbers Users Manual. It also has a link to the Formulas and Functions guide. Both are useful to new users.

How To Make Interactive Drop Down Text Boxs??

Similar Messages

Maybe you are looking for