Page 3 of 3 FirstFirst 123
Results 21 to 26 of 26

Thread: Using Anchors with OmniSlide Menu

  1. #21
    Join Date
    Jan 2010
    Location
    Tulsa, OK
    Posts
    48
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default

    How do I make the menu width wider, to stretch more horizontally across the screen?

  2. #22
    Join Date
    Jan 2010
    Location
    Tulsa, OK
    Posts
    48
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default

    Is there a way to make the menu stretch the breadth of the width of the screen by default?

  3. #23
    Join Date
    Jan 2010
    Location
    Tulsa, OK
    Posts
    48
    Thanks
    7
    Thanked 0 Times in 0 Posts

  4. #24
    Join Date
    Jan 2010
    Location
    Tulsa, OK
    Posts
    48
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default

    Is there a feature in OmniSlide Menu allowing for a side scroll bar automatically appearing when there are more entries than will fit on the screen otherwise? Physicallity. Let's say the menu is such:

    Emergency, Non-Emergency, & Local Information Numbers
    Tulsa Demographics
    Spirituality/Churches/Synagogues/The Trinity/The Holy Bible
    Civics
    Business
    Employment/Career
    Finance
    Insurance
    Getting Married in Tulsa
    Education
    Health Care
    Groceries/Nutrition
    Recipes
    Restaurants & Food Delivery
    Shopping
    Clothing
    Furniture
    Transportation/Travel
    Automotive/Vehicles
    Tools
    MultiMedia/News/TV/Radio/Weather
    Pets/Animal Husbandry
    Theater
    Theatre
    Bars/Clubs/Taverns/Saloons/Watering Holes
    Hotel/Motel/Lodging
    Sweepstakes/Contests/Lotto
    Games/Puzzles/Toys
    Arts/Crafts
    Botany/Gardening/Arbor
    Astronomy/Space
    Sloganed T-Shirts/Caps
    Blog
    Various Cognitive Tools
    Last edited by Tedah3143; 06-21-2014 at 07:37 AM.

  5. #25
    Join Date
    Jan 2010
    Location
    Tulsa, OK
    Posts
    48
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default

    How do I add a scroll bar to the menu? Something whereby the part of OmniSlide that says "Menu" doesn't drop down below the edge of the screen with a scroll bar in between "Menu" and the first entry in the Menu. Here's what I've got http://hstrial-tedocitycom.homestead...CityTulsa.html Please help. Thanks. Ted.

  6. #26
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,799
    Thanks
    2
    Thanked 420 Times in 414 Posts

    Default

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    
    <head>
      <title></title>
    <style type="text/css">
    /*<![CDATA[*/
    
    #menu2 {
      position:fixed;left:200px;top:0px;width:700px;height:20px;background-Color:blue;color:white;text-Align:center;
    }
    
    #menu2 .content {
      position:absolute;visibility:hidden;left:0px;top:20px;width:700px;height:400px;background-Color:#FFFFCC;text-Align:left;overflow-Y:scroll;
    }
    
    #menu2 a {color:navy;background-color:white;text-decoration:none;text-indent:1ex;}
    #menu2 a:active	{color:blue;text-decoration:none;}
    #menu2 a:visited {color:blue;text-decoration:none;}
    #menu2 a:hover {color:navy;background-color:#f0fea8}
    
    
    /*]]>*/
    </style></head>
    
    <body>
     <div id="menu2" onmouseover="zxcSlidePanel.Show('menu2',true);"  onmouseout="zxcSlidePanel.Show('menu2',false);">
     Menu
     <div class="content">
    <TABLE>
    <TBODY>
    <TR><TD class=heading colSpan=3>MyKeytotheCityTulsa.us</TD></TR>
    <TR><TD colSpan=3><A href="http://hstrial-tedocitycom.homestead.com/MyKeyToTheCityTulsa.html#Anchor_454" target="">EMPLOYMENT - Anchor Link Test</A></TD></TR>
    <TR><TD colSpan=3><A href="#Anchor_" target="">Emergency, Non-Emergency, &amp; Local Information Numbers</A></TD></TR>
    <TR><TD colSpan=3><A href="#Anchor_" target="">Mute/Play KRMG Radio</A></TD></TR>
    <TR><TD colSpan=3><A href="#Anchor_" target="">Mute/Play White House Press Briefings</A></TD></TR>
    <TR><TD colSpan=3><A href="#Anchor_" target="">Tulsa Demographics</A></TD></TR>
    <TR><TD colSpan=3><A href="#Anchor_" target="">Getting Married in Tulsa/Anniversaries</A></TD></TR>
    <TR><TD colSpan=3><A href="#Anchor_" target="">Spirituality/Witnessing/Churches/Synagogues/The Father/The Trinity/The Holy Bible</A></TD></TR>
    <TR><TD colSpan=3><A href="#Anchor_" target="">Civics/Voting/Government</A></TD></TR>
    <TR><TD colSpan=3><A href="#Anchor_" target="">Utilities/Internet/WiFi/Telephone/Electric/Natural Gas/TV/Communications</A></TD></TR>
    <TR><TD colSpan=3><A href="#Anchor_" target="">Business/Finance</A></TD></TR>
    <TR><TD colSpan=3><A href="#Anchor_" target="">Employment/Career</A></TD></TR>
    <TR><TD colSpan=3><A href="#Anchor_" target="">Insurance</A></TD></TR>
    <TR><TD colSpan=3><A href="#Anchor_" target="">Education/eBooks</A></TD></TR>
    <TR><TD colSpan=3><A href="#Anchor_" target="">Health Care</A></TD></TR>
    <TR><TD colSpan=3><A href="#Anchor_" target="">Groceries/Nutrition</A></TD></TR>
    <TR><TD colSpan=3><A href="#Anchor_" target="">Recipes</A></TD></TR>
    <TR><TD colSpan=3><A href="#Anchor_" target="">Restaurants &amp; Food Delivery</A></TD></TR>
    <TR><TD colSpan=3><A href="#Anchor_" target="">Exercise</A></TD></TR>
    <TR><TD colSpan=3><A href="#Anchor_" target="">Shopping</A></TD></TR>
    <TR><TD colSpan=3><A href="#Anchor_" target="">Clothing</A></TD></TR>
    <TR><TD colSpan=3><A href="#Anchor_" target="">Furniture</A></TD></TR>
    <TR><TD colSpan=3><A href="#Anchor_" target="">Tools</A></TD></TR>
    <TR><TD colSpan=3><A href="#Anchor_" target="">Automotive/Vehicles</A></TD></TR>
    <TR><TD colSpan=3><A href="#Anchor_" target="">Transportation/Air, Land, Sea, &amp; Space Travel/Atli/Maps</A></TD></TR>
    <TR><TD colSpan=3><A href="#Anchor_" target="">Hotel/Motel/Lodging/Resorts/Real Estate/Moving</A></TD></TR>
    <TR><TD colSpan=3><A href="#Anchor_" target="">MultiMedia/Movies/Music/News/TV/Radio/Weather/Audio/Video/Newspapers/Magazines/eBooks/Concerts</A></TD></TR>
    <TR><TD colSpan=3><A href="#Anchor_" target="">TV Guide</A></TD></TR>
    <TR><TD colSpan=3><A href="#Anchor_" target="">Grooveshark Music</A></TD></TR>
    <TR><TD colSpan=3><A href="#Anchor_" target="">Theater</A></TD></TR>
    <TR><TD colSpan=3><A href="#Anchor_" target="">Theatre (Stage)  That's Entertainment!</A></TD></TR>
    <TR><TD colSpan=3><A href="#Anchor_" target="">Bars/Clubs/Taverns/Saloons/Watering Holes</A></TD></TR>
    <TR><TD colSpan=3><A href="#Anchor_" target="">Sweepstakes/Contests/Lotto</A></TD></TR>
    <TR><TD colSpan=3><A href="#Anchor_" target="">Sports</A></TD></TR>
    <TR><TD colSpan=3><A href="#Anchor_" target="">Pets/Animal Husbandry/Kennels/Veterinarians</A></TD></TR>
    <TR><TD colSpan=3><A href="#Anchor_" target="">Games/Puzzles/Toys</A></TD></TR>
    <TR><TD colSpan=3><A href="#Anchor_" target="">Computing</A></TD></TR>
    <TR><TD colSpan=3><A href="#Anchor_" target=""></A></TD></TR>
    </TBODY>
    </TABLE>
    
     </div>
     </div>
    
    <script type="text/javascript">
    /*<![CDATA[*/
    
    var zxcSlidePanel={
    
     Show:function(id,ud){
      var o=this['zxc'+id],t;
      if (o){
       t=ud?o.a[2]:0;
       o.c.style.visibility='visible';
       this.animate(o,o.a,o.a[3],t,new Date(),o.ms*Math.abs((t-o.a[3])/o.a[2])+5);
      }
     },
    
     init:function(o){
      var id=o.ID,ms=o.Animate,m=document.getElementById(id),c=m?m.getElementsByTagName('DIV')[0]:null;
      if (c){
       o.a=[c,'height',c.offsetHeight,0];
       c.style.height='0px';
       c.style.visibility='hidden';
       o.c=c;
       o.ms=typeof(ms)=='number'&&ms<20?ms:1000;
       o.id=id;
       this['zxc'+id]=o;
      }
     },
    
    
     animate:function(o,a,f,t,srt,mS){
      clearTimeout(a[5]);
      var oop=this,ms=new Date()-srt,n=(t-f)/mS*ms+f;
      if (isFinite(n)){
       a[3]=Math.max(f<0||t<0?n:0,n);
       a[0].style[a[1]]=a[3]+'px';
      }
      if (ms<mS){
       a[5]=setTimeout(function(){ oop.animate(o,a,f,t,srt,mS); },10);
      }
      else {
       a[3]=t;
       a[0].style[a[1]]=t+'px';
       t==0?a[0].style.visibility='hidden':null;
      }
     }
    
    }
    
    zxcSlidePanel.init({
     ID:'menu2',
     Animate:2000
    
    });
    /*]]>*/
    </script>
    
    </body>
    
    </html>
    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/

Similar Threads

  1. Tab Menu using inpage anchors
    By BuildMyWeb in forum CSS
    Replies: 2
    Last Post: 09-09-2010, 08:49 PM
  2. Omnislide Menu
    By lightsoutgolf in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 07-02-2008, 04:53 PM
  3. omnislide menu
    By candella in forum Dynamic Drive scripts help
    Replies: 5
    Last Post: 10-20-2007, 07:59 PM
  4. omnislide menu need help
    By candella in forum Bug reports
    Replies: 0
    Last Post: 10-07-2007, 01:53 PM
  5. omnislide, left and top menu away
    By Somers012 in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 08-09-2007, 06:34 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
  •