HELP: Javascript dropdown menu

Hi all,
i am currently developing a website which is all ready to be
uploaded but
cant because of a javascript dropdown menu.. I have a flash
slideshow in the
center and on the rightside are 6 images (mainlinks) one
below the other.
Some of these mainlinks have sublinks which need to be
displayed as
dropdowns. The dropdown needs to be as Javascript for easy
future
changes/additions and not in flash.
I visited many websites - javascripts.com / simplythebest /
dynamicdrive
/hotscripts and many other sites..but failed to find a
suitable, easily
editable and compatible script..
REQUIREMENT -
1) dropdown menu on image Mousever
2) The script should have/allow to set the respective x,y
(left,top) values
which some scripts lack.
3) Compatible for IE and Firefox
The only 1 compatible and easy editable script i had was
mm_menu by Andy
Finnell. But sadly the script is missing something and giving
errors.
PLEEASE HELP//
thanx

if you're using flash 8 you can use the externalinterface
class. otherwise, the best you can do is very much browser
dependent.

Similar Messages

Javascript dropdown menu

Hi,
I found a javascript dropdown menu that does what i need for
this product. I have InterakT for PHP etc but this was to be used
for a html page only.
The first dropdown menu gives a few options and of course the
seconf menu populates from the option of the first.
What it doesn't do and what I need is that the choice from
the second menu automically goes to another URL or file path when
chosen.
I have attached the code for you to look at please. It's a
free code so I think its ok to edit it.
If you can either edit one of the options to go to a url when
chosen so I can see how it works, or if you have an alternative
solution, I would appreciate it.
Cheers

if you're using flash 8 you can use the externalinterface
class. otherwise, the best you can do is very much browser
dependent.

Help with dropdown menu

This is the code for the select menu. It all work okay. The
problem is that I need to determine the selection value later in an
if statement so I can change code based on the selection. No matter
what sytax I use to reference the selection box, I get an error:
Expected Then. Please someone help!!
<select name="id<% = rs("ProductId")%>selectcolor"
id="selectcolor" onChange="colorchoice">
<%
While (NOT rscolors.EOF)
%>
<% if Left(Request.Querystring("maingroup"), 1)= "A"
then%>
<option
value="<%=(rscolors.Fields.Item("ColorSuffix").Value)%>"
selected><%=(rscolors.Fields.Item("Color").Value)%></option>
<%elseIF rscolors("ColorSuffix") < 49 Then%>
<option
value="<%=(rscolors.Fields.Item("ColorSuffix").Value)%>"><%=(rscolors.Fields.Item("Color" ).Value)%></option>
<%else%>
<%end if %>
<% rscolors.MoveNext()%>
<%Wend
</select>

With using straight code you will not be able to determine
the selected
value of a dropdown until the form is processed. However you
may be able to
get a client side javascript that will grab the values as the
dropdown
changes.
Paul Whitham
Certified Dreamweaver MX2004 Professional
Adobe Community Expert - Dreamweaver
Valleybiz Internet Design
www.valleybiz.net
"Reannon" <[email protected]> wrote in
message
news:et9k0d$cfg$[email protected]..
> This is the code for the select menu. It all work okay.
The problem is
> that I
> need to determine the selection value later in an if
statement so I can
> change
> code based on the selection. No matter what sytax I use
to reference the
> selection box, I get an error: Expected Then. Please
someone help!!
>
> <select name="id<% =
rs("ProductId")%>selectcolor" id="selectcolor"
> onChange="colorchoice">
> <%
> While (NOT rscolors.EOF)
> %>
> <% if Left(Request.Querystring("maingroup"), 1)= "A"
then%>
> <option
value="<%=(rscolors.Fields.Item("ColorSuffix").Value)%>"
>
selected><%=(rscolors.Fields.Item("Color").Value)%></option>
> <%elseIF rscolors("ColorSuffix") < 49 Then%>
> <option
>
value="<%=(rscolors.Fields.Item("ColorSuffix").Value)%>"><%=(rscolors.Fields.Ite
> m("Color").Value)%></option>
> <%else%>
> <%end if %>
> <% rscolors.MoveNext()%>
>
> <%Wend
> </select>
>

Help with dropdown menu in JCombo box,Pleaseeeeeee

Hi,
I posted earlier but I`II try again. Someone must know how to do this. I have a JComboBox and I want the drop down menu to be a bit wider then the comboBox.
I tried using this method
public void setPreferredSize()
          Dimension d = jcbo.getPreferredSize(d);
          jcbo.setPreferredSize(new Dimension(20, d.height));
          jcbo.setPopupWidth(d.width);
but I recieved a couldn`t resolve symbol error for the last line.
I imported these into the program]
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
Is there something else I should of imported as well to make this work, or is it another problem all together.Any help would be greatly appreciated.

Hi , What I want to do is have the dropmenu a bit wider then the comboBox. Here is my code.Please excuse any odd ball mistakes, At this point I have been trying anything.This is an exercise that I have to do fo a java assignment, Hence the weird GUI. In the example pic they gave me.It shows the dropmenu a bit wider than the comboBox, I am sure they through this in to screw with my brain, I have put comment tags Around the stuff I tried to use. Any help with this would be greatly appreciated.
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
//import javax.swing.plaf.basic.*;
public class Exercise9_3 extends JFrame implements ActionListener
     private JTextField nameField;
     private JTextArea nameArea;
     private JButton storeButton;
     private JComboBox jcbo;
     private JPopupMenu popup;
     protected int popupWidth;
     String newline = "\n";
     public Exercise9_3()
          createComponets();
          addComponets();
          setTitle("Exercise9_3");
     private void createComponets ()
          nameField = new JTextField(19);
          nameArea = new JTextArea(10, 15);
          storeButton = new JButton("Store");
          storeButton.addActionListener(this);
          jcbo = new JComboBox();
          jcbo.addActionListener(this);
     /*8public void setPreferredSize()
          Dimension d = jcbo.getPreferredSize(d);
          //jcbo.setPreferredSize(new Dimension(20, d.height));
          //jcbo.setPopupWidth(d.width);
     private void addComponets()
          JPanel p1 = new JPanel();
          p1.setLayout (new FlowLayout());
          p1.add(nameField);
          p1.add(nameArea);
          p1.add(jcbo);
          JPanel p2 = new JPanel();
          p2.setLayout (new FlowLayout());
          p2.add (storeButton);
          getContentPane().setLayout(new BorderLayout());
          getContentPane().add(p1, BorderLayout.CENTER);
          getContentPane().add(p2, BorderLayout.SOUTH);
     public void actionPerformed(ActionEvent e)
          if(e.getSource() == storeButton)
               String s = nameField.getText();
               jcbo.addItem(s);
               jcbo.setSelectedItem(s);
               String textArea = s ;
               String text = nameField.getText();
               nameArea.append(text + newline);
     nameField.selectAll();
     nameField.setText("");
     nameField.requestFocus();
          if (e.getSource() == jcbo)
/**retrieve the input as a string*/
String selectedName = (String)jcbo.getSelectedItem();
/**set the name that was selected from the ComboBox and add it to textfield*/
nameField.setText(selectedName);
     public static void main(String [] args)
          Exercise9_3 frame = new Exercise9_3();
          frame.setDefaultCloseOperation(EXIT_ON_CLOSE);
          frame.pack();
          frame.setVisible(true);
          Dimension screenSize = Toolkit.getDefaultToolkit().getScreenSize();
          int screenWidth = screenSize.width;
          int screenHeight = screenSize.height;
          // Get dimension of the frame
          Dimension frameSize = frame.getSize();
          int x = (screenWidth - frameSize.width)/2;
          int y = (screenHeight- frameSize.height)/2;
     frame.setLocation(x,y);

Dynamic Results from Dropdown Menu PLEASE HELP!!!

Hi. Here's an example of what I'm trying to accomplish. (the Order Estimator section) http://www.modernpostcard.com/products_services/pricing/ Are there any good resources, tutorials, etc. anyone could point me towards on this entire process? I'm just starting out so I'm not really sure what I need to search for.

Hi Marc
Option for quantity wouldn't be any problem. ^^
Okey here you go, first make a "Dropdown-Menue"
Add the options you wanna give with the green button.
Then go to bind/binding; click the checkbox there.
Now get a decimal field in your form. (Name probably "Decimalfield1")
Click the dropdownlist. There should be some kind of table where you can enter a script. First choose "Exit" and "JavaScript".
Then you should write in there something like
if (this.rawValue == "1")
{decimalfield1.rawValue = "3,00"}
if (this.rawValue == "2")
{decimalfield1.rawValue = "4,00"}
Be sure to use the right names ;D
Do that with all your boxes.
The last box with the sum:
Get in there, choose "Calculate" (FORMCALC)
Write in decimalfield1 + decimalfield2 + (and so on)
To make the dollar sign and so show up you've got to give a pattern in each field :)
Hope that helped :)
Lisa

Help Needed in creating dropdown menu in excel using JXL

Hi,
I am trying to create dropdown menu in using JXL.
The Code:
private void createRequiredRows(WritableSheet writableSheet, List unallowCodeList,int rowCount
               , int startRowNo,int colCount) throws WriteException {
Label unallowCode = null;
          WritableFont noBoldFont = new WritableFont(WritableFont.ARIAL, 8,WritableFont.NO_BOLD);
          WritableCellFormat dropDownCellFormat = new WritableCellFormat(noBoldFont,new NumberFormat("000"));
          dropDownCellFormat.setAlignment(Alignment.RIGHT);
          WritableCellFeatures writableCellFeature = new WritableCellFeatures();
          writableCellFeature.setDataValidationList(unallowCodeList);
          for (int rowNo = startRowNo; rowNo < startRowNo + rowCount; rowNo++) {
               unallowCode = new Label(colCount, rowNo, "Select",dropDownCellFormat);
               unallowCode.setCellFeatures(writableCellFeature);
               writableSheet.addCell(unallowCode);
it creates a drop down in the Excel.
But writableCellFeature.setDataValidationList(unallowCodeList); has a limitation of characters .So the dropdown menu gets truncated when it exceeds the limitation.
Can anyone help me in creating dropdown menu in excel without any limitation using JXL..
Thanks,
Bisin

Hi,
I dont know the solution for this, but heres a work arround
//create new label some where else in the excel sheet as shown below
Label lblcmbdata;
for(int i=0; i<1000; i++)
             lblcmbdata = new Label(75, i, (i+1)+" satish", format);
             sheet1.addCell(lblcmbdata);
}//set the validation range as shown below
writableCellFeature.setDataValidationRange(75,0,75,1000);
Label cmb = null;
cmb = new Label(0, 1, "Select",format);
cmb.setCellFeatures(writableCellFeature);
sheet.addCell(cmb);this will create a combo list with 1000 values
also you can keep the data to be populated in the different sheet in same workbook by creating a named range as below
workbook.addNameArea("cmbdata", sheet1, 0, 0, 0, 1000);
// then fill the data in sheet1
Label lblcmbdata;
for(int i=0; i<1000; i++)
                lblcmbdata = new Label(0, i, (i+1)+" satish", format);
                sheet1.addCell(lblcmbdata);
//set the validation named range as below
writableCellFeature.setDataValidationRange("cmbdata");
Label cmb = null;
cmb = new Label(0, 1, "Select",format);
cmb.setCellFeatures(writableCellFeature);
sheet.addCell(cmb);Thanks and Regards
Satish

Need help making javascript thumbnail gallery function in javascript tab menu

Hello all,
I have implemented a css/javascript tab menu on one of my html pages thanks to Chris Coyier (http://css-tricks.com/learning-jquery-fading-menu-replacing-content/), and within one of the tabs, which I labeled GALLERY, I am trying to place a thumbnail gallery curtosy of Trent (http://www.twospy.com/galleriffic/).
Before trying to place it in the menu, I made the gallery on a seperate html page to make sure that I could get it to work. It does. But when I place it in the menu it shows up on page load under the content of the first tab (labeled TOUR) and not in the gallery tab. In addition, once I click on the "gallery" tab the other tabs stop showing their content. I feel like I am missing something obvious. But I just can't figure out what. If anyone can help I would greatly appreciate it.
Thanks,
Natalie
Below is the code of my whole page:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Tour template</title>

<link rel="stylesheet" type="text/css" href="MenuFader/style.css">
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
        $(function(){
            $("#tour-button").css({
                opacity: 0.3
            $("#gallery-button").css({
                opacity: 0.3
            $("#page-wrap div.button").click(function(){
                $clicked = $(this);
                // if the button is not already "transformed" AND is not animated
                if ($clicked.css("opacity") != "1" && $clicked.is(":not(animated)")) {
                    $clicked.animate({
                        opacity: 1,
                        borderWidth: 5
                    }, 600 );
                    // each button div MUST have a "xx-button" and the target div must have an id "xx"
                    var idToLoad = $clicked.attr("id").split('-');
                    //we search trough the content for the visible div and we fade it out
                    $("#contents").find("div:visible").fadeOut("fast", function(){
                        //once the fade out is completed, we start to fade in the right div
                        $(this).parent().find("#"+idToLoad[0]).fadeIn();
                //we reset the other buttons to default style
                $clicked.siblings(".button").animate({
                    opacity: 0.5,
                    borderWidth: 1
                }, 600 );
</script>

<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<style type="text/css">

</style>

<title>Example tour page</title>
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="Gallery/js/jquery.galleriffic.js"></script>
<script type="text/javascript" src="Gallery/js/jquery.opacityrollover.js"></script>
<script type="text/javascript">
            document.write('<style>.noscript { display: none; }</style>');
</script>
<link rel="stylesheet" type="text/css" href="Gallery/css/galleriffic-2.css">
<link rel="stylesheet" type="text/css" href="Gallery/css/basic.css">

</head>

<body>
<div id="realtor panel"><table width="100%" border="0">
<tr>
    <td width="18%"> <div align="center"></div></td>
    <td width="82%"> </td>
</tr>
</table>
</div>
<div id="page-wrap">
        <div id="tour-button" class="button">
            <img src="MenuFader/images/TOUR.png" alt="tour" class="button" />
        </div>
        <div id="gallery-button" class="button">
            <img src="MenuFader/images/GALLERY.png" alt="property gallery" class="button" />
        </div>
        <div id="info-button" class="button">
            <img src="MenuFader/images/INFO.png" alt="info" class="button" />
        </div>
        <div id="specs-button" class="button">
            <img src="MenuFader/images/SPECS.png" alt="specs" class="button" />
        </div>
        <div class="clear"></div>
<div id="contents">
    <div id="tour">
      <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','wid th','1270','height','443','src','swf files/Tudor Arms interative floor plan','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movi e','swf files/Tudor Arms interative floor plan' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="1270" height="443">
        <param name="movie" value="swf files/Tudor Arms interative floor plan.swf" />
        <param name="quality" value="high" />
        <embed src="swf files/Tudor Arms interative floor plan.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1270" height="443"></embed>
      </object></noscript>
    </div>
    <div id="property gallery">
         <div id="container">
                <div id="gallery" class="content">
                    <div id="controls" class="controls"></div>
                    <div class="slideshow-container">
                        <div id="slideshow" class="slideshow"></div>
                    </div>
                </div>
                <div id="thumbs" class="navigation">
                    <ul class="thumbs noscript">
                        <li>
                            <a class="thumb" href="Gallery/images/example/apt entrance1.jpg">
                            <img src="Gallery/images/example/Tudor thumbs/apt face1.jpg" alt="apt entrance1" />
                            </a>
                       </li>
                      <li>
                            <a class="thumb" href="Gallery/images/example/apt entrance2.jpg" >
                            <img src="Gallery/images/example/Tudor thumbs/apt face2.jpg" alt="apt entrance2" />
                            </a>
                      </li>
                      <li>
                             <a class="thumb" href="Gallery/images/example/apt entrance3.jpg" >
                            <img src="Gallery/images/example/Tudor thumbs/apt face3.jpg" alt="apt entrance3" />
                          </a>
                      </li>
                        <li>
                             <a class="thumb" href="Gallery/images/example/apt sign.jpg" >
                            <img src="Gallery/images/example/Tudor thumbs/apt sign.jpg" alt="apt sign" />
                          </a>
                      </li>
                      <li>
                             <a class="thumb" href="Gallery/images/example/entryway1.jpg" >
                            <img src="Gallery/images/example/Tudor thumbs/entry.jpg" alt="entry" />
                          </a>
                      </li>
                        <li>
                             <a class="thumb" href="Gallery/images/example/living room1.jpg" >
                            <img src="Gallery/images/example/Tudor thumbs/living1.jpg" alt="living1" />
                          </a>
                      </li>
                       <li>
                             <a class="thumb" href="Gallery/images/example/living room2.jpg" >
                             <img src="Gallery/images/example/Tudor thumbs/living2.jpg" alt="living3" />
                          </a>
                      </li>
                        <li>
                             <a class="thumb" href="Gallery/images/example/living room3.jpg" >
                            <img src="Gallery/images/example/Tudor thumbs/living3.jpg" alt="living3" />
                          </a>
                      </li>
                      <li>
                             <a class="thumb" href="Gallery/images/example/dining1.jpg" >
                             <img src="Gallery/images/example/Tudor thumbs/dining1.jpg" alt="dining1" />
                          </a>
                      </li>
                        <li>
                             <a class="thumb" href="Gallery/images/example/Dining2.jpg" >
                            <img src="Gallery/images/example/Tudor thumbs/dining2.jpg" alt="dining2" />
                          </a>
                      </li>
                      <li>
                             <a class="thumb" href="Gallery/images/example/dining3.jpg" >
                            <img src="Gallery/images/example/Tudor thumbs/dining3.jpg" alt="dining3" />
                          </a>
                      </li>
                        <li>
                             <a class="thumb" href="Gallery/images/example/Kitchen1.jpg" >
                            <img src="Gallery/images/example/Tudor thumbs/kitchen1.jpg" alt="kitchen1" />
                          </a>
                      </li>
                      <li>
                             <a class="thumb" href="Gallery/images/example/Kitchen2.jpg" >
                            <img src="Gallery/images/example/Tudor thumbs/kitchen2.jpg" alt="kitchen2" />
                          </a>
                      </li>
                        <li>
                             <a class="thumb" href="Gallery/images/example/bedroom1.jpg" >
                            <img src="Gallery/images/example/Tudor thumbs/bed1.jpg" alt="bed1" />
                          </a>
                      </li>
                       <li>
                             <a class="thumb" href="Gallery/images/example/bedroom2.jpg">
                            <img src="Gallery/images/example/Tudor thumbs/bed2.jpg" alt="bed2" />
                          </a>
                      </li>
                        <li>
                             <a class="thumb" href="Gallery/images/example/bedroom3.jpg" >
                            <img src="Gallery/images/example/Tudor thumbs/bed3.jpg" alt="bed3" />
                          </a>
                      </li>
                        <li>
                             <a class="thumb" href="Gallery/images/example/bathroom.jpg">
                            <img src="Gallery/images/example/Tudor thumbs/bath.jpg" alt="bath" />
                          </a>
                        </li>
                    </ul>
                </div>
            <div style="clear: both;"></div>
        </div>
    </div>
    <div id="info">
        <p class="style4">Content for info</p>
    </div>
    <div id="specs">
        <p class="style4">This content is for specs.</p>
    </div>
</div>
</div>

<script type="text/javascript">
            jQuery(document).ready(function($) {
                // We only want these styles applied when javascript is enabled
                $('div.navigation').css({'width' : '400px', 'float' : 'left'});
                $('div.content').css('display', 'block');
                // Initially set opacity on thumbs and add
                // additional styling for hover effect on thumbs
                var onMouseOutOpacity = 0.67;
                $('#thumbs ul.thumbs li').opacityrollover({
                    mouseOutOpacity:   onMouseOutOpacity,
                    mouseOverOpacity: 1.0,
                    fadeSpeed:         'fast',
                    exemptionSelector: '.selected'
                // Initialize Advanced Galleriffic Gallery
                var gallery = $('#thumbs').galleriffic({
                    delay:                     2500,
                    numThumbs:                 15,
                    preloadAhead:              10,
                    enableTopPager:            true,
                    enableBottomPager:         true,
                    maxPagesToShow:            7,
                    imageContainerSel:         '#slideshow',
                    controlsContainerSel:      '#controls',
                    captionContainerSel:       '#caption',
                    loadingContainerSel:       '#loading',
                    renderSSControls:          true,
                    renderNavControls:         true,
                    playLinkText:              'Play Slideshow',
                    pauseLinkText:             'Pause Slideshow',
                    prevLinkText:              '&lsaquo; Previous Photo',
                    nextLinkText:              'Next Photo &rsaquo;',
                    nextPageLinkText:          'Next &rsaquo;',
                    prevPageLinkText:          '&lsaquo; Prev',
                    enableHistory:             false,
                    autoStart:                 false,
                    syncTransitions:           true,
                    defaultTransitionDuration: 900,
                    onSlideChange:             function(prevIndex, nextIndex) {
                        // 'this' refers to the gallery, which is an extension of $('#thumbs')
                        this.find('ul.thumbs').children()
                            .eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
                            .eq(nextIndex).fadeTo('fast', 1.0);
                    onPageTransitionOut:       function(callback) {
                        this.fadeTo('fast', 0.0, callback);
                    onPageTransitionIn:        function() {
                        this.fadeTo('fast', 1.0);
</script>
</body>

</html>

Sure thing:
http://www.acresllc.net/TA501001.html

Why is help missing from help dropdown menu?

Why is help missing from Ps CC help dropdown menu in preferences?

bumpkin wrote:
Why is help missing from Ps CC help dropdown menu in preferences?
???? I see help being shown in some of Photoshop preferences pages but both of you questions confuse me.

On Firefox, I select one of my usual sites on the URL dropdown menu but the page does not load. Please help!

I click on the Firefox icon on the bottom of my toolbar screen. I go to the URL dropdown menu for my usual sites; I select one but the page will not load and the URL field is blank. It is a hassle to press the up and down arrows to select the site. Please help!

Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem.
*Switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance
*Do NOT click the Reset button on the Safe Mode start window
*https://support.mozilla.org/kb/Safe+Mode
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes

When i click on 'Show all in Finder' after searching for anything on spotlight, NOTHING happens! No Finder window opens up and the spotlight dropdown menu just shuts! Please help!

When i click on 'Show all in Finder' after searching for anything on spotlight, NOTHING happens! NO Finder window opens up and the spotlight dropdown menu just shuts! Please help!

I'm having the same problem in other places as well, for example when i downloaded Easyfind right now, clicking the small magnifying glass button on the right of the file name (shown below) would usually open up finder highlighting the file, but now nothing happens when i click on that button!
Is there a solution for this, as this was a very useful feature which i used ALL the time?

Xp home and IE already installed. Added firefox and javascript dropdown menus not working at all. Help please

I installed firefox on my laptop, vista and IE installed, and as yet have no problems. I decided to install firefox on my desktop with XP home and IE installed and it has created a problem. Before installing firefox I had javascript dropdown menus on my web site which I build and upload to my isp. Now I cannot get the dropdown menus to run at all on my desktop. I tried uninstalling firefox but it still doesn't work. Help would be appreciated even to get back to how it was before installing firefox.

Yes, there is a work around by doing a forced restore to a "new iPhone", and manually synching the apps, one by one. You still can't update or delete any of them without going through this again. The only real fix will be from Apple - hopefully in 2.1 which is rumored to be released later today...
If you read though these threads, you'll find some really excellent posts that will remind you of a 5 year old when he finds out that his new Batman suit doesn't make him fly.

IE 7 - CSS Issues with Spry dropdown Menu *HELP*

I am using a spry horizontal dropdown menu generated in DW. The menus look consistant in all other browsers except ie7 - When the drop down menu occurs they all appear to the right and not directly under its menu item.. Looked around in the Css and i cant seem to find the right rule to make the change in ie7 only... was planning on using a css conditional statement to shift them left.. But im not having any luck.. HELP!
Thanks so much in advance!

Sorry.. Here is the link.. Thanks so much for your willingness to help!
http://soldesign.us/_working/WEBSITE_BoulderPlasticSurgery/index.html

Need help on how to create dropdown menu in dreamweaver 9

Hello Forum Members
I am working on dreamweaver , making my website by using dreamweaver 9 .
My problem is, i want to create a dropdown menu but when i move my cursor on any item then the drop down links appears on the same item itself and that item diappears.
For Example my menu is like --- item1 item 2 item 3 item4 item5
item2.1 Item3.1 item4.1
item2.2 item3.2 item4.2
now when i move my cursor on any of these menu headings (like item 2, item 3, item 4) which has drop down links the main menu item disappears and the drop down links (item 2.1, item2.2 like wise) reflects on the place of that (item2) menu item.
Please help me with this and not with the scirpt that would be the last option because i do not have any knowledge of html. Please tell me the feature in dreamweaver 9 from where i can correct it.
Thanks In Advance
Sean

Please Help

Help needed for as3 dropdown menu and html

First of all hello! I have to create a html website for a company. The design i've made is in photoshop ....and i have to create a dropdown menu. The first question is : Can i create the dropdown menu in flash without having to use html frames? Can i link one of the buttons of the menu in a html page so that it loads in the same browser window another html page (if so .... with what function?)? Please ... i need to know ... because i simply prefer to implement it in flash rather then html. And the second big question is : Can the stage in flash be transparent? Because if i make the menu in it, it will be impossible to match any dimensions of the stage .... and i would like to embed it into a html page...if possible without the stage color >..... Thanks in advance!!!! Tudor

For opening pages you want to look into using the navigateToURL() function. The help documentation provides information abiout it an how to control the window aspect as well.
To make the stage transparent is more of an html aspect than a Flash aspect, though you can set it up to publish that way. The key is to set the wmode paraemter that is in the html embedding code to "transparent". I am not sure if all browsers supports this feature, but I think more are willing to.

Toggle Dropdown Menu, Help Please

I have this CSS below, and it works like a charm for what it's supposed to do, but I noticed that the dropdown menu only comes down when the mouse hovers over the button. I want it so that it only drops down when clicked on, allowing the user to toggle the menu off and on. The menu and dropdown menu I'm talking about only shows up on my phone layout of the site. How do I make this dropdown menu drop on toggle instead of mouse hover.
.phonemenuwrap {
    width:100%;
    box-shadow:0px 1px 3px rgba(0,0,0,0.2);
    background:#3e3436;
.phonemenu {
    width:100%;
    margin:0px auto;
    background:#89181A;
.phonemenu li {
    margin:0px;
    width:100%;
    list-style:none;
    font-family:Arial, Helvetica, sans-serif;
    background:#2e2728;
.phonemenu a {
    transition:all linear 0.15s;
    color:#919191;
.phonemenu li:hover > a, .phonemenu .current-item > a {
    text-decoration:none;
    color:#be5b70;
.phonemenu .arrow {
    font-size:11px;
    line-height:0%;
/*----- Top Level -----*/
.phonemenu > ul > li {
    float:left;
    display:inline-block;
    position:relative;
    font-size:19px;
.phonemenu > ul > li > a {
    display:inline-block;
    text-shadow:0px 1px 0px rgba(0,0,0,0.4);
.phonemenu > ul > li:hover > a, .menu > ul > .current-item > a {
    width:100%;
    background:#2e2728;
/*----- Bottom Level -----*/
.phonemenu li:hover .sub-menu {
    z-index:1;
    opacity:1;
.sub-menu {
    width:100%;
    padding:5px 0px;
    position:absolute;
    top:100%;
    left:0px;
    z-index:-1;
    opacity:0;
    transition:opacity linear 0.15s;
    box-shadow:0px 2px 3px rgba(0,0,0,0.2);
    background:#2e2728;
.sub-menu li {
    width:100%;
    display:block;
    font-size:16px;
.sub-menu li a {
    padding:10px 30px;
    display:block;
.sub-menu li a:hover, .sub-menu .current-item a {
    background:#3e3436;
My site: Showcase Design & Build: Pinehurst, Fayetteville and Sanford Custom Home Builder

Hyde1216 wrote:
Still doesn't seem to be working, even after doing all of the above. The problem is still that the menu either stays dropped down, or it never gets dropped down.
Ok lets go through this again. I made an error in my orignal code and I now have had a better chance to unravel your css.
1) Comment out the css selector as shown below using /* */
.phonemenu li:hover .sub-menu {
z-index:1;
opacity:1;
2) Comment out the 'opacity: 0;' as shown below using /* */
.sub-menu {
    width:100%;
    padding:5px 0px;
    position:absolute;
    top:100%;
    left:0px;
    z-index:-1;
    /* opacity:0; */
    transition:opacity linear 0.15s;
    box-shadow:0px 2px 3px rgba(0,0,0,0.2);
    background:#2e2728;
3) Add the jQuery framework library and script - copy the below code and paste it into your pages code directly before your closing </head> tag. (NOTE: I have added - $('.sub-menu').hide(); - to hide the submenu when the page loads).
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$('.sub-menu').hide();
$('.openMobileMenu').click(function() {
$('.sub-menu').toggle();
</script>
4) Add class="openMobileMenu" to the a tag which is wrapping your 'dropdown.png' image, as shown below.
<a href="#" class="openMobileMenu"><img src="images/dropdown.png" width="36" height="27" alt="Dropdown"><span class="arrow">▼</span></a>
Thats it - your phone menu should now toggle when the hamburger icon is clicked.
EDITED: ALSO don't use a minus z-index for the 'sub-menu' - use a higher number like 10, as shown:
.sub-menu {
    width:100%;
    padding:5px 0px;
    position:absolute;
    top:100%;
    left:0px;
    z-index: 10;
    /* opacity:0; */
    transition:opacity linear 0.15s;
    box-shadow:0px 2px 3px rgba(0,0,0,0.2);
    background:#2e2728;

HELP: Javascript dropdown menu

Similar Messages

Maybe you are looking for