Page 2 of 2 FirstFirst 12
Results 11 to 20 of 20

Thread: OmniSlide Menu - Fit to screen.

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

    Default

    I'm using Homestead's Sitebuilder. It has a place for JavaScript along with an area for a Head Tag with an insert for HTML code that statically fits on the page. How might I include the div tag? Where do I place the information?

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

    Default

    I notice it works in all four modes. Thanks. My Ultimate goal is to have the code to show the menu at the bottom, opening up with the scroll bar, without the other three modes on the screen. Will you please help? I'm so close on this. Thanks again. Ted.

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

    Default

    I understand how to insert the html code in to my Homestead Sitebuilder. I could really use some help getting just a single "Menu" bar at the bottom of the screen.

  4. #14
    Join Date
    Mar 2010
    Location
    Florida
    Posts
    381
    Thanks
    6
    Thanked 35 Times in 33 Posts

    Default

    I would be able to help you but it seems like i can not view your website.
    -DW [Deadweight]
    Resolving your thread: First Post: => EDIT => Lower right: => GO ADVANCED => Top Advance Editor drop down: => PREFIX:Resolved

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

    Default

    Will someone please help me?

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

    Default

    This code works. I am interested in having it display the "Menu" button at the bottom of the screen, only, without the left, right, or top modes showing. I do need the content that is currently in the top mode displayed in the bottom mode though. It means the difference between the site working or not. Any help I receive will be greatly appreciated. Thanks. Ted.
    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>
    Last edited by Beverleyh; 09-03-2014 at 08:35 AM. Reason: formatting

  7. #17
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,807
    Thanks
    2
    Thanked 423 Times in 417 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[*/
    
    
            .menuUClass {
              position:fixed;left:200px;bottom:0px;width:700px;height:20px;background-Color:blue;color:white;text-Align:center;
            }
    
            #menuU {
              position:absolute;visibility:visible;overflow:auto;left:0px;top:20px;width:700px;height:400px;background-Color:#FFFFCC;text-Align:left;
            }
    
    
            /*]]>*/
            </style></head>
    
            <body>
    
            <div class="menuUClass" onmouseover="zxcSlidePanel.Show('menuU',true);"  onmouseout="zxcSlidePanel.Show('menuU',false);">
              Menu
              <div id="menuU" >
            <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[*/
            // Slide Panel (10-July-2014)
            // by: Vic Phillips - http://www.vicsjavascripts.org/
    
    
            var zxcSlidePanel={
    
             Show:function(id,ud){
              var o=this['zxc'+id],t,ms;
              if (o){
               t=ud?o.h[2]:0;
               ms=o.ms*Math.abs((t-o.h[3])/o.h[2])+5;
               o.c.style.visibility='visible';
               this.animate(o,o.h,o.h[3],t,new Date(),ms);
               o.t?this.animate(o,o.t,o.t[3],ud?o.t[2]:0,new Date(),ms):null;
              }
             },
    
             init:function(o){
              var id=o.ContentID,m=o.Mode,ms=o.Animate,c=document.getElementById(id),p=c?c.parentNode:null,m=typeof(m)=='string'?m.charAt(0).toUpperCase():'D',m=m==='U'||m=='R'||m=='L'?m:'D',m=m=='R'||m=='L'?[m,'width','offsetWidth','left']:[m,'height','offsetHeight','top'];
              if (c){
               o.h=[c,m[1],c[m[2]],0];
               m[0]=='U'||m[0]=='L'?o.t=[c,m[3],-c[m[2]],0]:null;
               c.style[m[1]]='0px';
               c.style[m[3]]=(m[0]=='D'||m[0]=='R'?p[m[2]]:0)+'px';
               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({
             ContentID:'menuU',
             Mode:'Up'
            });
    
    
            /*]]>*/
            </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/

  8. The Following User Says Thank You to vwphillips For This Useful Post:

    Tedah3143 (09-04-2014)

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

    Default

    Do I owe you anything for such. You've been such a great help.

  10. #19
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,807
    Thanks
    2
    Thanked 423 Times in 417 Posts

    Default

    see my signiture
    If my post has been useful please donate to http://www.operationsmile.org.uk/
    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/

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

    Default

    I shall donate. It might be a while and in increments. Maybe look for something from me around the 24th of this month. I am quite thankful though a man of modest means with great potential, as you might be. Your coding skill is strong. I really like how HTML is so closely related to the english language. The guy that came up with the first browser actually donated the code. It's interesting. I enjoy doing it just to keep my skills honed, while I am somewhat of a novice. Anyway. Have a blessed day, life. Ted.

Similar Threads

  1. How to change menu from left of the screen to the right of the screen?
    By EdThaSt0rm in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 08-31-2009, 09:47 AM
  2. Omnislide Menu
    By lightsoutgolf in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 07-02-2008, 04:53 PM
  3. Omnislide headers not completely off screen
    By vkbarefoot in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 04-16-2008, 03:15 PM
  4. omnislide menu
    By candella in forum Dynamic Drive scripts help
    Replies: 5
    Last Post: 10-20-2007, 07:59 PM
  5. omnislide menu need help
    By candella in forum Bug reports
    Replies: 0
    Last Post: 10-07-2007, 01:53 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
  •