Results 1 to 4 of 4

Thread: Responsive Mouseover Tabs Menu

  1. #1
    Join Date
    Jul 2006
    Location
    Antwerp, Belgium (Europe)
    Posts
    927
    Thanks
    121
    Thanked 2 Times in 2 Posts

    Default Responsive Mouseover Tabs Menu

    1) Script Title: Mouseover Tabs Menu

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

    3) Describe problem: Although it says in the description that "Menu optimized for consistent mobile browsers experience", I don't see it turn into responsive. Is there a tab menu that is responsive, please? Thanks.

  2. #2
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,891
    Thanks
    2
    Thanked 441 Times in 435 Posts

    Default

    "Menu optimized for consistent mobile browsers experience"
    this means that it uses click inplace of mouseover for mobile devices

    mobile devices do not support mouseover which is quire restrictive
    Vic
    God Loves You and will never love you less.
    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

  3. #3
    Join Date
    Feb 2015
    Location
    Zagreb Croatia
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Used this guy on my site. Works nice.

    Checked on Samsung Galaxy as well. Works reasonably OK.

    The main menu tabs change to each other on click.

    However, don't want easy go to the main tab link itself. To go to the link there you need to hold finger until the a new window opens. When select Open on that window it goes there OK.

    Is there any solution that would make going to the link on two clicks, finger holding for longer or something like that.

    Rgds,

  4. #4
    Join Date
    Jul 2006
    Location
    Antwerp, Belgium (Europe)
    Posts
    927
    Thanks
    121
    Thanked 2 Times in 2 Posts

    Default

    To be honest, I wouldn't use that menu on mobile.
    Just make something like this:

    Code:
    <div class="mobile">
    <select id="onlymobile" style="width:100%"  onChange="window.location.href=this.value"> 
        <option value="" selected="selected">Click here for menu</option> 
        <option value="/index.php">» home</option> 
        <option value="/firstitem.php">» first item</option> 
        <option value="/seconditem.php">» first item</option> 
    </select>
    </div>
    Where css looks like this:
    Code:
    #onlymobile { display:block; }
    .mobile { display:none; }
    Adding the class only to your mobile settings.

Similar Threads

  1. Mouseover Tabs Menu
    By baddkar in forum JavaScript
    Replies: 0
    Last Post: 03-25-2011, 05:56 PM
  2. Mouseover Tabs Menu help
    By Dazza30 in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 03-11-2011, 12:35 AM
  3. Tabs Menu (mouseover) how to include search so on mouseover form appears
    By parthatel in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 11-11-2006, 06:38 PM
  4. Replies: 0
    Last Post: 11-11-2006, 06:38 PM
  5. Tabs Menu (Mouseover)
    By ZZR600 in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 06-01-2005, 03:18 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
  •