Drop Down Menu in iWeb

Does anyone know how to create a drop down menu in iWeb 09? I need the idiots guide if possible!
Thank you

you can't create drop down menu in iweb, you can get all the needed code from online site such as cssmenumaker.com
but i do not recommend just copy+paste the code into html snippet widget, because you will create static/dead zone behind the drop down area. the longer the drop down the larger dead zone.
it can be done though, you will need to know html, css, javascript and how iweb generates it code:
http://iweb3widgets.cyclosaurus.com/DropDownNavBar/Drop_Down_Nav_Bar.html
note: apple, google and yahoo! are active links and fully functional behind the drop down area.

Similar Messages

How do you do a drop down menu in iWeb?

Does any one know how to do a drop down menu with multiple links?
for example someone scrolls over the phrase "3 bedrooms" and a dropdown menu appears with multiple optionsto different properties.

Here are some sample menus :
http://www.wyodor.net/_Demo/tmf/Duckmenu.html
http://www.wyodor.net/_Demo/FloatingMenu/Fixed.html
http://www.wyodor.net/_Demo/tmf/TMF.html
http://www.wyodor.net/Demo/iWebeend.html
Check the markup-widget.html files to follow or see the code that does it.
You can also seach the internets for other code :
http://www.alistapart.com/articles/dropdowns/
You may have to learn HTML/CSS/JavaScript/DOM/Ajax and how iWeb create its webpages.

MouseOver drop down menu

Does anyone know how to create a mouse over drop down menu in iWeb?

Have you worked with Spry menus....make your menu using that.
It creates the css and js file for the menu....
Following is a sample menu code that spry creates in the html:
<div id="menuBar">
<ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a class="MenuBarItemSubmenu" href="aboutus.html">About US</a>
      <ul>
        <li><a href="aboutus.html">Company Profile</a></li>
        <li><a href="vision.html">Vision, Mission & Core Values</a></li>
<li><a href="team.html">Managment Team</a></li>
      </ul>
    </li>
    <li><a href="#" class="MenuBarItemSubmenu">Products</a>
      <ul>
        <li><a href="#">MacuBoost<sup>TM</sup></a></li>
        <li><a href="#">ImmuneUp<sup>TM</sup></a></li>
</ul>
    </li>
    <li><a href="#">Doctors Section</a>      </li>
    <li><a href="#">Facilities</a>      </li>
    <li><a href="#" class="MenuBarItemSubmenu">Resources</a>
      <ul>
        <li><a href="#">Food Guide & Health Articles</a></li>
        <li><a href="#">Nutrition Facts</a></li>
      </ul>
    </li>
    <li><a href="#" class="MenuBarItemSubmenu">Careers</a>
      <ul>
        <li><a href="emp_practices.html">Practices</a></li>
        <li><a href="#">Benefits</a></li>
        <li><a href="#">Apply for Job</a></li>
      </ul>
    </li>
</ul>
</div>
Instead of an item like <a class="MenuBarItemSubmenu" href="aboutus.html">About US</a> you need to put an image in place of About Us tag.
Otherwise there are tons of sample menus freeely available and all u need to do is search
Hope that helps.
Regards,
Vinay

How do I link a drop down menu with product pictures?

I wan to have a product picture and then have a drop down menu to choose the color, so when I select the color in the drop down menu the product picture chages to its corresponding color, is this possible?
Or is there an alternative way?

Not in iWeb. You have to look beyond it.
Here :
http://www.cssplay.co.uk/menus/
Lots of menus to choose from. For some you need permission.
Then use the HTML Snippet to paste the code.
For HTML Snippet alternatives, have a look here :
http://www.wyodor.net/mfi/roodhout/How_To_Do.html
http://www.wyodor.net/mfi/Maaskant/How_To.html
Sample menus made with this technique here :
http://www.wyodor.net/mfi/Maaskant/Some_Menus.html

Apple drop down menu not appearing.....

Recently had to do a complete restore from my back up to my mac mini.
Seems to have sorted out most of the problems I was having (but not all).
However the Apple Symbol drop down Menu in the Menu bar turns blue when clicked on, but no sub menu appears.
Very inconvenient.
I'd be grateful for any thoughts on a solution to this.
And while I'm on the subject of weird things that the restore has produced......
I use iWeb to create a number of websites but now, after the restore, the icon in the dock is grey and when I try to open it I get a message that says
You can't open the application iWeb because it may be damaged or incomplete.
Any suggestions or possible solutions gratefully received.
Thanks
Gordon

On Tue, 28 Nov 2006 11:38:59 +0000 (UTC), "Kamesh192"
<[email protected]> wrote:
> <form action="<?php print
$_SERVER['PHP_SELF'];?>" method="get">
> <label for="menu"></label>
>
> <select name="ID" class="dropdown" id="menu"
onchange="this.form.submit()">
> <noscript><input type="submit" value="Go"
/></noscript>
> <option value="" selected="selected">Jump To
Another Project</option>
> <?php
> do {
> ?>
> <option value="<?php echo
$row_rsOtherDevs['devID']?>"><?php echo
>$row_rsOtherDevs['title']?></option>
> <?php
> } while ($row_rsOtherDevs =
mysql_fetch_assoc($rsOtherDevs));
> $rows = mysql_num_rows($rsOtherDevs);
> if($rows > 0) {
> mysql_data_seek($rsOtherDevs, 0);
> $row_rsOtherDevs = mysql_fetch_assoc($rsOtherDevs);
> }
> ?>
>
> </select>
> </form>
Change the above to:
<form action="<?php print $_SERVER['PHP_SELF'];?>"
method="get">
<select name="ID" class="dropdown" id="menu"
onchange="this.form.submit()">
<option value="" selected="selected">Jump To Another
Project</option>
<?php
do {
?>
<option value="<?php echo
$row_rsOtherDevs['devID']?>"><?php echo
$row_rsOtherDevs['title']?></option>
<?php
} while ($row_rsOtherDevs =
mysql_fetch_assoc($rsOtherDevs));
$rows = mysql_num_rows($rsOtherDevs);
if($rows > 0) {
mysql_data_seek($rsOtherDevs, 0);
$row_rsOtherDevs = mysql_fetch_assoc($rsOtherDevs);
?>
</select>
<noscript><input type="submit" value="Go"
/></noscript>
</form>
Gary

Email form script with custom text field and drop-down menu?

Hey, I'm building a website in iWeb - http://dl.dropbox.com/u/19707357/Website/craftpackage.html
And I was looking for a script that could possibly send an email to me with the info a user chooses from/puts in 1. dropdown menu 2. text field 3. another text field. I'd be awesome if the fields could have a custom background or a transparent background.The drop-down menu could have any background, but it would be awesome if it could be made with custom images !

Basic question.
What have you yourself done to find out?
Nothing?
Start here :
http://www.google.com/search?q=how+to+make+a+mail+form
http://www.google.com/search?q=dropdown+menu+with+transparent+background
Unfortunately, it has no dropdown menu :
http://www.wyodor.net/blog/archives/2010/01/entry_301.html
Btw, dropdown menus in forms at select menus. These are not the same.
http://www.google.com/search?q=select+menu+form
http://http://www.w3schools.com/html/html_forms.asp
So start practicing and once everything works the way it should, display it in a html snippet.

Problems with drop down menu in html snippet

Hi all,
I am trying to use a form with a drop down menu so the user can jump directly to the corresponding page. I am using the code generated by http://javascript.internet.com/generators/drop-down-menu.html, and it works correctly when I test it in the "Show me the drop down menu" option on their page.
This is the html code:


<BODY>




<form name="jump">
<select name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex] .value;" value="GO">
<option value="">select genre</option>
<option value="http://www.mygaragebandstudio.com/blues_rock.html">blues/rock</option>
<option value="http://www.mygaragebandstudio.com/cinematic.html">cinematic</option>
<option value="http://www.mygaragebandstudio.com/country.html">country</option>
<option value="http://www.mygaragebandstudio.com/electronic.html">electronic</option>
<option value="http://www.mygaragebandstudio.com/experimental.html">experimental/new age</option>
<option value="http://www.mygaragebandstudio.com/jazz.html">jazz</option>
<option value="http://www.mygaragebandstudio.com/latin.html">latin</option>
<option value="http://www.mygaragebandstudio.com/orchestral.html">orchestral</option>
<option value="http://www.mygaragebandstudio.com/urban.html">urban</option>
<option value="http://www.mygaragebandstudio.com/world.html">world</option>
</select>
</form>
When I paste this code into an html snippet in iWeb, my page does not work correctly after publishing to a folder. The jump to location doesn't open its corresponding page. Instead, it defaults to the same page that has the drop down menu, only the menu doesn't appear any more. Instead, I get a "hole" where the drop down menu used to be.
This is my URL: http://www.mygaragebandstudio.com/jingles.html
I examined the code of the page with the html snippet generated by iWeb, and to my surprise I couldn't even find the html code of the form with the drop down menu. Where is it?
Please help!
null

Manuel wrote:
Green Star for you!
JSYK,
You didn't actually give PressWeb the green star by marking his post as the post that solved your question. You merely marked the question as answered but never actually marked PressWeb's post as being the post that answered your question, which will in effect reward PressWeb with the green star as seen by a green star appearing in the header for his post. I only mention this because you have incorrectly mentioned rewarding PressWeb with a green star.
Hope that helps.

1) Drop Down Menu 2) Roll Over Images & 3)

Does anyone know away to make these things possible on iWeb (or if it is not even possible)
1)
I'd like to have a drop down menu so that my sites are not so cluttered.
Here is an example:
http://www.drsteinhealing.com/doctor/chiropractor/2L/Encino/homepage.htm
2)
I have seen rollover images in flash, but I hear that it is possible without flash and I think it would be great to have some pictures as such for the menu. I would think this would be possible because right now there is a rollover color change to words that are links if you want it to change colors... so:
a) is flash possible on iWeb
b) even if it is not: is there a way to have rollover images and
c) can there be roll over images that are also links?
Here is an example:
http://planetrobyn.com/ (the pictures go from black and white to color and then they are also the menu)
I'm learning so it would be great to see if these things are possible. Thank you.

See these menus.The menus are HTML and CSS only.
http://www.wyodor.net/Demo/iWebeend.html
http://www.wyodor.net/_Demo/tmf/Duckmenu.html
The first menu has the menu hardcode in the published webpage.
Check the source to see how it's done.
The second menu has a textbox at the top of the page. A JavaScript in the HTML Snippet finds that textbox and place the menu in it.
This is pasted in the HTML Snippet :
<script src="../../../duckmenu/duckmenu.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">

</script>
This JavaScript places the menu in the textbox :
http://www.wyodor.net/_Demo/duckmenu/duckmenu.js
The menu at drsteinhealing is HTML/CSS only too. So if you like it, grab the code + stylesheet and use it.

I've almost got a global drop down menu working but I need help!!

I've got a drop down menu working that is in my "Sites" folder in MobileMe and can be linked to individual pages on my site with an html widget. This way I only have to change one file when I need to edit my navigation menu. It works fine as a footer as you can see here: http://web.me.com/phelpssculpture/Site/home_2.html
The problem is I can't figure out how to use it as a header because the Widget box has to be big enough for the menus to drop in or they get cut off, but if it overlaps the page content as it does on the top of the page it blocks the content.
Is it possible to make this transparent so the content shows through?
Any help would be greatly appreciated, if we can figure this out it will be a breakthrough for having an effective navigation bar and a great timesaver for editing.
Sincerely, David

with an html widget.
you can not achieve the result with html snippet widget, because you have no control over it.
... if we can figure this out it will be a breakthrough for having an effective navigation bar and a great timesaver for editing.
it can be done and it's a known debate between me and other whose like to hide iweb navbar and build their own text based navbar, here was my argument: http://discussions.apple.com/thread.jspa?messageID=8136472&#8136472
that said, it can be done when you have control over iweb, here are examples:
http://home.cyclosaurus.com/CyclosaurusBlog/Entries/2009/8/11Pieces_of3.html (note the drop down menu overlap other elements).
http://home.cyclosaurus.com/CyclosaurusBlog/Entries/2009/9/10iWeb_NavBarWidget.html
the examples were done with my widgets, so give apple feedback and ask for tools to build widgets and take controls: http://www.apple.com/feedback/iweb.html

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.

Drop down menus for iWeb?

Can you get or build drop-down menus for iWeb?

Here's an example of another type of drop down menu added via an HTML snippet: rollover drop down.
Another example of that is on this test page with code: Page-4
OT

Is there a way to create a drop down menu with an automatic answer dependent on what is chosen?

Is there a way to create a drop down menu with an automatic answer dependent on what is chosen? An if-then statement perhaps? I am looking to add over 100 drop down options and would like to have a message automatically pop up depending one which option they chose. Thank you.

Hi,
You would use the skip logic to conditionally show form items based on the selection within the drop-down menu. Here's a link to a description of the feature in our help documentation:
http://help.adobe.com/en_US/formscentral/using/WSd789abd336388b1642c7fce012da94afe4f-8000. html#WS0faeceb8c23f5d60-774f03e3131ddc76d7d-8000
Regards,
Brian

In the new Pages 5.0, what is the page break shortcut key. I cannot find the key as indicated on the drop down menu.

in the new Pages 5.0, what is the page break shortcut key (it used to be the Fn + enter). I cannot find the (new) key as indicated on the drop down menu. Please help.

Hi Bruce and fruhulda,
ok, I found the keyboard viewer, it only shows the traditional symbol 'return'. something like a sideway u-turn continued with the arrow under. This is the Canadian or US keyboard.
btw thanks for your suggestion.

Trying to create a drop down menu in numbers...please help

Hi
Can anyone indicate how to go about creating a drop-down menu.
Thanks in advance

Hi Meela,
Welcome to Apple Discussions and the Numbers 08 forum.
Check page 66 of the Numbers User Guide supplied with your copy of iWork. The guide refers to them as "pop-up" menus, so a search using "pop-up" will be more successful than one using "drop down".
Essentially the process is:
Click on the cell to select it.
Open the Inspector and choose Cell Format (icon is a cell containing 42)
Click the Cell Format menu and select Pop-up Menu from the bottom of the list.
Double click an item in the list to edit it. Click the + button to add an item, the - button to delete the selected item.
Done.
Regards,
Barry

Mail can not open, blocked by drop down menu

Mail will not open. Drop down menu says: To view this page you need to log in to area "www.outlookmail.com" on www.outlookmail.com:443 Then it asks for my name and password.
I click cancel and the drop down exits and reappears. Do I have a virus? Now what?

Hi Jo ann,
I just got that on popping on my email saying the same thing" www.outlookmail.com:443" to sign in.
what did you do to fix it? what is it -is it? is it a virus?
can you please let me know what i should do
I appreciate that, thank you.
geraldsmagic from Ca.

Drop Down Menu in iWeb

Similar Messages

Maybe you are looking for