SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Member
    Join Date
    Sep 2002
    Posts
    18
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Need Help with Menu Script-->Make It Vertical??

    Hello, I was looking at the script at this website...
    http://javascript.internet.com/navig...-in-menu.html#
    Does anyone know if its possible to make it so the menu slides in and out vertically instead of horizontally?
    If so, what changes would need to be done to the script?
    Thanks for looking (& helping)

  2. #2
    SitePoint Evangelist azizur_rahman's Avatar
    Join Date
    Nov 2001
    Location
    London, UK
    Posts
    502
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yes,

    change the <br> to a space or " | " (pipe) in the code below:
    Code:
    <div id="menuShow">
    <a href="#" onClick="moveOffMenu();moveOnSelector()">
    <img src="icon.gif" width="28" height="28" border="0"></a>
    <br>
    <br>
    <a href="http://www.codelifter.com">Menu Item A</a><br>
    <a href="http://www.codelifter.com">Menu Item B</a><br>
    <a href="http://www.codelifter.com">Menu Item C</a><br>
    <br>
    <a href="http://www.codelifter.com">Menu Item D</a><br>
    <a href="http://www.codelifter.com">Menu Item E</a><br>
    <br>
    <a href="http://www.codelifter.com">Menu Item F</a><br>
    <a href="http://www.codelifter.com">Menu Item G</a><br>
    <a href="http://www.codelifter.com">Menu Item H</a><br>
    </div>
    Like this:
    Code:
    <div id="menuShow">
    <a href="#" onClick="moveOffMenu();moveOnSelector()">
    <img src="icon.gif" width="28" height="28" border="0"></a> &nbsp;&nbsp;<a href="http://www.codelifter.com">Menu Item A</a> &nbsp;
    <a href="http://www.codelifter.com">Menu Item B</a>&nbsp;
    <a href="http://www.codelifter.com">Menu Item C</a>&nbsp;
    &nbsp;
    <a href="http://www.codelifter.com">Menu Item D</a>&nbsp;
    <a href="http://www.codelifter.com">Menu Item E</a>&nbsp;&nbsp;<a href="http://www.codelifter.com">Menu Item F</a>&nbsp;
    <a href="http://www.codelifter.com">Menu Item G</a>&nbsp;
    <a href="http://www.codelifter.com">Menu Item H</a>&nbsp;
    </div>
    or to this:
    Code:
    <div id="menuShow">
    <a href="#" onClick="moveOffMenu();moveOnSelector()">
    <img src="icon.gif" width="28" height="28" border="0"></a>
    |
    <a href="http://www.codelifter.com">Menu Item A</a> | 
    <a href="http://www.codelifter.com">Menu Item B</a> |
    <a href="http://www.codelifter.com">Menu Item C</a> |
    <a href="http://www.codelifter.com">Menu Item D</a>   |
    <a href="http://www.codelifter.com">Menu Item E</a>   |
    <a href="http://www.codelifter.com">Menu Item F</a>  |
    <a href="http://www.codelifter.com">Menu Item G</a>  |
    <a href="http://www.codelifter.com">Menu Item H</a>  |
    </div>
    Azizur Rahman
    Web Application Developer

  3. #3
    SitePoint Member
    Join Date
    Sep 2002
    Posts
    18
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    still won't work

    I tried that, but it makes the menu 1 long horizontal menu that still slides in/out to the left. I need the menu to slide in from the top or bottom (go up & down), if thats possible. Did I do something wrong when I copied the script that you changed? I just pasted it over the older script for the <div id="menuShow">.

  4. #4
    SitePoint Evangelist azizur_rahman's Avatar
    Join Date
    Nov 2001
    Location
    London, UK
    Posts
    502
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    OK, in that case I cant really help here much I am really busy thesedays. I am sorry, I dont have time time rewrite somebody else' script.

    may be contact the person wrote the script.
    Azizur Rahman
    Web Application Developer

  5. #5
    SitePoint Member
    Join Date
    Sep 2002
    Posts
    18
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks for your help anyway


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
  •