Results 1 to 4 of 4

Thread: Smooth Navigation Menu (v2.1) (ddsmoothmenus)

  1. #1
    Join Date
    Mar 2014
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Smooth Navigation Menu (v2.1) (ddsmoothmenus)

    1) Script Title: Smooth Navigation Menu (v2.1)

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...smoothmenu.htm

    3) Describe problem: When viewing these menus on a touch screen environment (i.e., IPad) the menus pause ok, however when you touch the primary (top level) menu, you are unable to navigate to the associated link. The secondary menus work fine (i.e., you touch them and they navigate to their associated link), but not the top level menus - horizontal or vertical.

    Can this be fixed?

    Thanks

  2. #2
    Join Date
    Dec 2014
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    This is exactly my problem also so I'm very disappointed to find no replies I've searched high and low but unable to find the answer anywhere.

    If anyone can please offer help on this I'd be most appreciative. Thanks in advance!

    Dave

  3. #3
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    2,467
    Thanks
    16
    Thanked 422 Times in 420 Posts
    Blog Entries
    20

    Default

    Disabling the top-level link appears to be intentional in this script. If you think about it logically, it's actually a desirable behaviour and one which many web devs have adopted when retrofitting established sites/menu scripts for touch accessibility. The reason for disabling the top-level links is usually to standardise behaviour between Android and iOS, since they interpret hover events differently; In iOS you click once to activate hover, click again to activate the link, but in the case of Android, a click activates the hover and link at the same time, which for a hover-activated menu with top-level hyperlink, would make all sub-menus inaccessible for those devices.

    Responsive design and the multitude of devices on the market has put menus under much scrutiny in recent years - and not just the scripts/CSS that power the menus; the activation method and structure too. Click-activated menus are becoming more commonplace, and with them, a structural pattern where top-level links are eliminated altogether (much like how this DD menu script is already behaving in touch devices).

    So I would suggest that instead of trying to change the behaviour of this menu, you actually work with it and rethink your menu structures. This would mean removing the top-level hyperlinks and moving/adding those items to the top of their respective sub-menus. Example here http://williamlevick.derbyshire.sch.uk/ (most evident in the "Children > Key Stage 1" and "Children > Key Stage 2" menus where the same button text is used, although ALL menus use this pattern, just with different button text. )
    Focus on Function Web Design
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps

  4. #4
    Join Date
    Dec 2014
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks so much for taking the time to explain this to me Beverley - it's appreciated.

    I was thinking in the back of my mind that it would probably come down to restructuring my menu. Duplication of the top level menu item and first child link isn't the ideal solution but having viewed the example you gave me, it may not be such a bad thing. It's certainly the best way around this problem because I want to keep the smooth menu there as it works beautifully in a mouse-click environment.

    At the end of the day, if I can achieve a user friendly result in the different devices that it may be viewed in then I'll be happy. Thanks again for your time and have a great day. Cheers, - Dave.

Similar Threads

  1. Smooth Navigation Menu
    By William Hill in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 07-05-2011, 10:55 PM
  2. Smooth Navigation Menu
    By stellating in forum Dynamic Drive scripts help
    Replies: 10
    Last Post: 07-29-2010, 04:18 AM
  3. Smooth Navigation Menu for IE 8
    By stellating in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 07-23-2010, 10:39 AM
  4. Smooth Navigation Menu...Not so Smooth
    By neogeekgirl in forum JavaScript
    Replies: 0
    Last Post: 02-25-2010, 03:56 PM
  5. smooth navigation menu
    By gauri_agr in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 12-04-2009, 03:09 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •