Any solution to javascript/css menu 'onclick' issue in ios 5.0.1?

I'm a web designer with an issue that seems widespread - but I can't find an solution anywhere online.
Our web site menus worked well in older ios versions - one tap on the main image of a drop-down triggered a rollover & the mouseover behavior and opened the menu, another click or two selected the submenu.
Now, since ios 5, one tap on the main image activates the onclick behavior for that image (actually on the div containing the menu), and launches the url. They work as desired without the onclick. Tried rebooting and clearing caches & data. Happens on ipad/ipod.
I'm prepared to use a different method to write these (jquery, superfish, p7 Magic Menu 2) but I can save lots of time if there's a fix our code that would work.
Anyone solve this yet? No luck trying to use focus, hover or dblclick on the main image.
Here's the sample:
http://net.acpe.org/menufix/menu-home.htm

Solved with this fix posted by Mark Goddard.
http://blog.0100.tv/2010/05/fixing-the-hover-event-on-the-ipadiphoneipod/
I also think it was an update to Mobile Safari that is causing this, not the ios 5 update.

Similar Messages

  • CSS Menu hover issue in IE7

    Hi all,
    I've created a CSS based drop down menu for this site:
    http://www.elizabethgorcey.com.
    In IE7 the menus don't drop down. They pop up and cover the parent
    item they are supposed to descend from. Can anyone tell me why this
    is and how to fix it?
    Thanks,
    John

    On Sat, 19 Jul 2008 01:21:08 +0000 (UTC), "John Ciccolini"
    <[email protected]> wrote:
    >Hi all,
    > I've created a CSS based drop down menu for this site:
    >
    http://www.elizabethgorcey.com.
    In IE7 the menus don't drop down. They pop up
    >and cover the parent item they are supposed to descend
    from. Can anyone tell
    >me why this is and how to fix it?
    > Thanks,
    > John
    Seems to work ok in IE7 for me. But not in IE6 ! ?
    works ok in Safari & Opera - and FF of course
    I popped the code into Dw and ran the compatibility check and
    says
    there is a problem with IE6 - Expanding box problem
    Googled it - and not sure that is 100% correct - but it might
    be a
    steer........ ?
    minor css issue - which I doubt affects the problem ?
    #breastpumpposter {
    position: relative;
    top: 0px;
    padding-top: -3.5em;
    margin-left: 20px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    padding-top cannot be negative
    ~Malcolm~*...
    ~*

  • Any solution to Camera Red color recognize issue?

    As all of us know that Z3 doesnt recognize Red color properly no matter in what mode. It displays red as Pinkish. Has it been fixed in Lollipop?

     Could you post examples of the issue?

  • Operate C# to modify PPT's hyperlink, while configuring the hyperlink's text to display attribute, the address value will be assigned as null. Anyone know this issue? Any solution?

    operate C# to modify PPT's hyperlink, while configuring the hyperlink's text to display attribute, the address value will be assigned as null.  Anyone know this issue? Any solution?
    How to reproduce the issue:
    1.Create a new PPT slide in Office2010.
    2. Insert a certain text/characters, such as Mircosoft blablabla,
    3. Insert an URL right after the text part , TextToDisplay is the “Test”,Address is the "Url".
    4. The content in the ppt is ”Microsoft Test“,here "Test" is the hyperlink which we would like to convert. Please execute the code we list below.
    5. The problem will be reproduced by the above steps.
    PPT.Application ap = new PPT.Application();
    PPT.Presentation pre = null;
    pre = ap.Presentations.Open(mFileName, Microsoft.Office.Core.MsoTriState.msoFalse, Microsoft.Office.Core.MsoTriState.msoFalse, Microsoft.Office.Core.MsoTriState.msoFalse);
    foreach (PPT.Slide mSlide in pre.Slides)
    PPT.Hyperlinks links = mSlide.Hyperlinks;
    for (int i = 1; i <= links.Count; i++)
    PPT.Hyperlink mLink = links[i];
    mLink.TextToDisplay = mLink.TextToDisplay.Replace(mLink.TextToDisplay,"url");
    mLink.Address = mLink.Address.Replace(mLink.Address, "url");
    Modify texttodisplay, the address vaule will be assigned as null. Anyone knows how to solve it?
    Does it caused by a PPT API's Limitation?

    I've tried the below code and it works, you can refer this article:
    https://msdn.microsoft.com/en-us/library/office/ff745021.aspx
    to find that the hyperlink needs to be associated with a text range, and thats what I did in the code below with the help of the link sent by Tony.
    Microsoft.Office.Interop.PowerPoint.Application ap = new Application();
    Microsoft.Office.Interop.PowerPoint.Presentation pre = null;
    pre = ap.Presentations.Open(@"C:\Users\Fouad\Desktop\abcc.pptx", Microsoft.Office.Core.MsoTriState.msoFalse, Microsoft.Office.Core.MsoTriState.msoFalse, Microsoft.Office.Core.MsoTriState.msoFalse);
    foreach (Microsoft.Office.Interop.PowerPoint.Slide mSlide in pre.Slides)
    Microsoft.Office.Interop.PowerPoint.Hyperlinks links = mSlide.Hyperlinks;
    Microsoft.Office.Interop.PowerPoint.Shape textShape = mSlide.Shapes[1];
    for (int i = 1; i <= links.Count; i++)
    Microsoft.Office.Interop.PowerPoint.Hyperlink mLink = links[i];
    Microsoft.Office.Interop.PowerPoint.TextRange range1 = textShape.TextFrame.TextRange;
    TextRange oTxtRng = range1.Find(((Microsoft.Office.Interop.PowerPoint.Hyperlink)mLink).TextToDisplay,After:range1.Start,WholeWords:Microsoft.Office.Core.MsoTriState.msoTrue);
    oTxtRng.Replace(((Microsoft.Office.Interop.PowerPoint.Hyperlink)mLink).TextToDisplay, "url");
    oTxtRng.ActionSettings[Microsoft.Office.Interop.PowerPoint.PpMouseActivation.ppMouseClick].Hyperlink.Address = "http://www.microsoft.com";
    Fouad Roumieh

  • WIFI connection issue: After upgrading to Yosemite, I lose my connect in SOAS, university of London. Overtime, it rejects me as Authentication fails in this network. Even the school technicianer cannot fix. I wonder how to downgrade or any solution?

    After upgrading to Yosemite, I lose my connect in SOAS, university of London. Overtime, it rejects me as Authentication fails in this network. Even the school technicianer cannot fix. I wonder how to downgrade or any solution?  I never encounter this issue with Mavericks or the one before.

    I also have the internet diagnostic report, but it is nonsense to me to read it.

  • CSS Menu issues

    hi.
    Can anyone help tell me why my menu is displaying like shown in the picture?
    * I want About Us and Services to be the same height as home and contact
    * The sub menus are all weird, as you can see there are three additional items that should be showing but they end up as little grey boxes. There are no sub sub menus.
    I have naughtily copied and chopped a menu from another site I did a while back so is probably random bits in there (sub sub menu bits). I don't do sites very often as I am not very good (as you can tell) and have been messing for 90 mins now and getting hardly nowhere so any pointers would be good.
    My site will be a fluid width so it adapts to different devices (to a fashion!)
    CSS:
    @charset "utf-8";
    #nav, #nav ul{
        font:Arial, Helvetica, sans-serif;
        font-size:95%;
        align:center;
        padding:0;
        list-style-type:none;
        list-style-position:outside;
        position:relative;
        /*line-height:30px;*/
        width: 99%;
        Z-index:1000;
        border: 1px solid #000;
    #nav a:link, #nav a:active, #nav a:visited{
        display:block;
        color:#000;
        text-decoration:none;
        background:#E0E0E0;
        z-index:1000;
        padding: 8px 5px;
        line-height: 30px;
    #nav a:hover{
        background:#CCC;
        color:#000;
        z-index:1000;
    #nav li{
        float:left;
        position:relative;
        width:24%;
        background: #CCC;
        z-index:1000;
        text-align: center;
        border: 1px solid #000;
    #nav ul {
        position:absolute;
        width:25%;
        top:30px;
        left:-1em;
        display:none;
        z-index:1000;
    #nav li ul a{
        width:12em;
        float:left;
        z-index:1000;
    #nav ul ul{
        top:auto;
        height:inherit
        z-index:1001;
    #nav li ul ul {
        left:12em;
        margin:-1px 0 0 10px;
        z-index:1001;
    #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
        display:none;
    #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
        display:block;
    Thanks in advance.

    <!doctype html>
    <html lang="en-us">
    <head>
    <meta charset="utf-8">
    <title>CSS Menu</title>
    <style>
        padding:0;
        margin:0;
         -moz-box-sizing:border-box;
         -webkit-box-sizing:border-box;
         box-sizing:border-box;
    nav ul {
        list-style-type:none;
        height:0px;
        min-width:440px;
    nav li {
        width:25%;
        background-color:gray;
        float:left;
        min-width:100px;
    nav a {
        display:block;
        height:100%;
        width:100%;
        padding:5px 8px;
        text-decoration:none;
        color:white;
    nav ul li ul {
        display:none;
    nav ul li:hover {
        background-color:#B7B7B7;
    nav ul li:hover ul {
        display:block;
    nav ul li ul li {
        float:none;
        width:100%;
    </style>
    <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Kutbax Arboricultural Contractors</title>
    <!-- TemplateEndEditable -->
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    <style type="text/css">
    <!--
    body {
      font: 100% Verdana, Arial, Helvetica, sans-serif;
      margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
      padding: 0;
      text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
      color: #000000;
      background-color: #FFF;
    img {
        max-width: 100%;
        height: auto;
        width: auto\9; /* ie8 */
    .oneColLiqCtrHdr #container {
      width: 90%;  /* this will create a container 80% of the browser width */
      background: #FFFFFF; /* the auto margins (in conjunction with a width) center the page */
      border: 1px solid #000000;
      text-align: left; /* this overrides the text-align: center on the body element. */
      margin-top: 0;
      margin-right: auto;
      margin-bottom: 0;
      margin-left: auto;
      font-size: 90%;
    .oneColLiqCtrHdr #header {
      padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
      text-align: right;
      background-color: #FFF;
    .oneColLiqCtrHdr #header h1 {
      margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
      padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
    .oneColLiqCtrHdr #mainContent {
      padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
      background: #FFFFFF;
    .oneColLiqCtrHdr #footer {
      padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
      background:#DDDDDD;
    .oneColLiqCtrHdr #footer p {
      margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
      padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    .bottomtext { font-family: "Times New Roman", Times, serif;
      font-size: 10pt;
      text-align: center;
    .HEADER { font-family: Papyrus;
      font-size: 16pt;
      font-weight: 900;
      color: #000;
    .a2 { font-size: 14px;
      color: #402000;
    .a2 { font-weight: bold;
      font-family: Arial, Helvetica, sans-serif;
      color: #000;
    -->
    </style><link href="../kutbaxmenu.css" rel="stylesheet" type="text/css" />
    <link href="../kutbaxmenu.css" rel="stylesheet" type="text/css" />
    </head>
    <body class="oneColLiqCtrHdr">
    <div id="header">
        <p class="HEADER"><img src="../Kutbax Logo.jpg" width="100" height="97" hspace="10" vspace="5" align="left" /></p>
        <p class="HEADER">KUTBAX</p>
        <p class="HEADER"><strong> ARBORICULTURAL CONTRACTORS</strong><strong></strong></p>
        <p class="a2">Telephone: 01827 874818 Email: <a href="mailto:[email protected]">[email protected]</a></p>
      <!-- end #header -->
      </div>
      </head>
      <div><body>
      <p> </p>
      <div>  <nav>
        <ul>
          <li><a href="../index.html">Home</a></li>
          <li><a href="#">About Us</a>
            <ul>
              <li><a href="../company.html">Company</a></li>
              <li><a href="../insurance.html ">Insurance</a></li>
              <li><a href="../policies.html ">Policies</a></li>
              <li><a href="../machinery.html">Machinery</a></li>
              <li><a href="../workscompleted.html ">Works Completed</a></li>
            </ul>
          </li>
          <li><a href="#">Services</a>
            <ul>
              <li><a href="../treesurgery.html">Tree Surgery</a></li>
              <li><a href="../japaneseknotweed.html ">Japanese Knotweed</a></li>
              <li><a href="../siteclearance.html ">Site Clearance</a></li>
              <li><a href="../treeplanting.html">Tree Planting</a></li>
            </ul>
          </li>
          <li><a href="../contact.html">Contact Us</a></li>
        </ul>
        </nav>
    </div>
    <!-- TemplateBeginEditable name="maincontent" -->
      <div id="mainContent">
        <h1>  Content </h1>
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at,  odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce  varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id,  libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat  feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut,  sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh.  Donec nec libero.</p>
        <h2>H2 level heading </h2>
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
        <!-- end #mainContent -->
      </div>
      <!-- TemplateEndEditable -->
      <div id="footer">
        <p align="center"><span class="bottomtext">© Copyright 2014 - Kutbax Arboricultural Contractors Ltd - UK Reg No. 06475048 -   All Rights Reserved<br />
    Kutbax House, 134 Hurley Common, Hurley, Atherstone, CV9 2LR</span></p>
        <div align="center">
          <!-- end #footer -->
        </div>
      </div>
    <!-- end #container --></div>
    </body>
    </html>

  • HT5655 I just downloaded the lates version of flash and I am still getting the same Blocked Plug - in message. Any solutions to this issue?

    I just downloaded the lates version of flash and I am still getting the same Blocked Plug - in message. Any solutions to this issue?

    Quit and relaunch Safari and the new version should work.

  • For this issue Is there any solution in Standard solution or any Developmet

    Hello Friends,
    I have one issue that is
    When ever the forecast is release from DP to PPDS (Monthly - days) of a material quantities should be bucketed into Monthly bucketed quantities and split into day level ( e.g: Product1 1st week 1000ton, 3rd week  2000ton , when it releases system aggregates the quantities and depending upon the product profile and setup time it shold give me result as product1 -3000ton in day 1 and product2 --2000ton on day 2 ...so on) .Standard SAP APO release of Monthly forecast quantity to daily bucket is divided into 30 or 31 days and split the quantities equally( e.g: Product1 1st week 1000ton, 3rd week  2000ton , when it releases system aggregates the quantities and divides in 30 days in a month and split the quantities equally).
    For this issue Is there any solution in Standard SAP or any Developmet is required in APO-DP.
    Pl Through me some lights on me .
    Regards,
    sivaram76.

    Hi
    If you are using u201C/SAPAPO/MC90  for releasing the FCST , I think you can define different Planning Buckets Profiles according your requirement for example according your needs for disaggregation of your FCST. A planning buckets profile contains the periodicities or a subset of the periodicities that you defined in the storage buckets profile.
    Once you maintain the planning bucket profile you can put it in tab Daily Buckets Profile while releasing the FCST.
    It will be nice if you please cross check it its meet you requirement.
    Thanks
    Amol

  • TS4436 hi, when zooming in to capture still images, the image is really blurred and out of focus. is this a hardware issue and is there any solution for this?? or is my device faulty?

    hi, when zooming in to capture still images, the image is really blurred and out of focus. is this a hardware issue and is there any solution for this?? or is my device faulty?

    If you are using the iPhone camera zoom then remember that this is a digital zoom not an optical zoom. The zoomed in area will have fewer pixels and not appear as clear. The more you zoom the worse it gets. It's like cropping a picture after it has been taken.

  • Having issue syncing iphone to my itunes, any solutions?

    Having issues syncing iphone to itunes, any solutions?

    How do you expect anyone to provide a solution when you don't include what the issues are?
    What issues?

  • HT204135 Since I upgraded to OS X 10.8 my Canon MP480 printer scanner prints OK but the Solutions Menu icon for scanning is crashing every time I try to scan. Any solutions? Thanx

    Since I upgraded to OS X 10.8 my Canon MP480 printer scanner prints OK but the Solutions Menu icon for scanning is crashing every time I try to scan. Any solutions?

    I had to contact Canon Tech Support and had to re load the driver softwear using the OS X 10.7 choice, since the 10.8 choice is not there yet. Also had to download the opener and after 45 minutes I had solved the problem. The steps are too many to go into all the details but that is the genral idea. It should work for others.

  • I just paid for, and downloaded Acrobat Pro, and it 'quits unexpectedly' each time I try to open it-b4 it even gets to the opening menu-. Any solutions??

    I just paid for, and downloaded Acrobat Pro, and it 'quits unexpectedly' each time I try to open it…b4 it even gets to the opening menu…. Any solutions??

    Did you install it in the administrator account with anti-virus disabled?

  • Any solution to DVD drive issue post Lion install yet?

    Any solution to DVD drive issue post Lion install yet?

    Since installing Lion no DVDs are being read by the superdrive, this is a problem that has been highlighted by quite a lot of people.
    CDs are being read fine.
    After inserting the DVD there is some noise, sounds like it is trying to pickup the DVD then spits it back out.
    Previous posts from other people:
    http://www.mac-forums.com/forums/os-x-operating-system/245917-heads-up-lion-supe rdrive-fake-glitch-possibly.html
    https://discussions.apple.com/thread/3199297?start=15&tstart=0

  • HT6001 my mac has started freezing and suddenly shutting down on me it seems as if every process has slowed down since downloading this last update of 11.1.4, any solutions? Because it shut down in the middle of a test twice now, saying keyboard issue.

    my mac has started freezing and suddenly shutting down on me it seems as if every process has slowed down since downloading this last update of 11.1.4, any solutions? Because it shut down in the middle of a test twice now, saying keyboard issue.

    What you describe sounds like a hardware issue. Unfortunately, you'll need to get that checked out by Apple. If you have an Apple Store near you, make an appointment with the Genius Bar and take the machine in for evaluation.

  • I have some issue with my bluetooth im using an iphone 5 its just keep on searching bluetooth devices it cannot detect other bluetooth device, any solutions to my problem?

    I have some issue with my bluetooth im using an iphone 5 its just keep on searching bluetooth devices it cannot detect other bluetooth device, any solutions to my problem?

    Hi miffyzoo,
    If you are having bluetooth pairing issues with your iPhone and your Mac, you may find the troubleshooting steps outlined in the following article helpful:
    iOS: Troubleshooting Bluetooth connections
    http://support.apple.com/kb/TS4562
    Regards,
    - Brenden

Maybe you are looking for

  • How do I get the hardware profile on a Mac Mini

    Please excuse my ignorance, PC user but I do run Linux. I have a Mac Mini and can not relate to the way Apple does things yet. How do I get a hardware profile so I know what hides within the cute little box?

  • Sounds on apps no longer work

    Even before my upgrade to IO5, the sounds for some of my apps (games, etc.) stopped working.  Any easy fix on this?  Thanks.

  • Custom cursor is too slow in FULL_SCREEN_INTERACTIVE

    My custom cursor is fast in window mode (even maximized) but not in fullscreen where it is really slow. Is there a solution to this?

  • *Inbound Web Service - Inactive*

    Hi, I am on Siebel 7.5 version I have created a Inbound web service and published when tested from soapUI it says There is no active Web Service with operation named 'http://siebel.com/asi/:SiebelSRQueryById'.(SBL-EAI-04313)+ Using ASI framework I ha

  • How to automate FDM load process

    Hi, I am using Impot script to extract data from GL to HFM through FDM. I know the process of Automation If I have to load a flat file into the target system through FDM. But I am not using Flat file. I am using import script to load GL data directly