Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    Regular Coder
    Join Date
    Dec 2005
    Posts
    141
    Thanks
    0
    Thanked 0 Times in 0 Posts

    File View Edit Menus.. (help)

    This may require some help from someone on MSN messenger, starr_stealer@hotmail.com

    So, heres some of the code that I got so far, wasnt hard to find
    <!--This is the Menu Bar-->
    <td align="left">
    <span class="MenuBorder">
    <img src="image_hut/spacer.gif" width="1" height="1"> </span>
    <span style="Margin-left:5px;" class="InactiveMenu" onmouseover="this.className='ActiveMenu'" onmouseout="this.className='InactiveMenu'">File</span>
    <span class="InactiveMenu" onmouseover="this.className='ActiveMenu'" onmouseout="this.className='InactiveMenu'">Edit</span>
    <span class="InactiveMenu" onmouseover="this.className='ActiveMenu'" onmouseout="this.className='InactiveMenu'">View</span>
    <span class="InactiveMenu" onmouseover="this.className='ActiveMenu'" onmouseout="this.className='InactiveMenu'">Favorites</span>
    <span class="InactiveMenu" onmouseover="this.className='ActiveMenu'" onmouseout="this.className='InactiveMenu'">Tools</span>
    <span class="InactiveMenu" onmouseover="this.className='ActiveMenu'" onmouseout="this.className='InactiveMenu'">Help</span>
    </td>
    <!--This is the CSS controling mouse over and out-->
    .InactiveMenu {
    PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-SIZE: 9pt; PADDING-BOTTOM: 4px; CURSOR: default; COLOR: #000000; PADDING-TOP: 4px; BACKGROUND-COLOR: #f1f1ea
    }
    .ActiveMenu {
    PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-SIZE: 9pt; PADDING-BOTTOM: 4px; CURSOR: default; COLOR: #ffffff; PADDING-TOP: 4px; BACKGROUND-COLOR: #316ac5
    I could very easy use Code I have that would do Half what I want, which is

    function ShowBlock(id, linkId)
    {
    var temp=document.getElementById(id).className;
    var sub= id+"Sub";
    if (temp=='ContentHeaderUp')
    {
    document.getElementById(id).className='ContentHeaderDown';
    document.getElementById(sub).className='ContentFooterShow';
    }else{
    document.getElementById(id).className='ContentHeaderUp';
    document.getElementById(sub).className='ContentFooterHide';
    }
    }
    Thing is, I want it to be a close to the real deal Menu from IE6
    Meaning.. On roll over, it highlights each menu, On click it will open the menu (without covering the menu lable next to it. a Tabbed look) BUT, if the mouse rolls over the next menu, before it clicks outside the menu (ex File) it will open the next menu (ex Edit)

    keep in mind that these menu's will have hyper links in them
    If You have any issues understands what im describing let me know, it wouldnt be the first time

  • #2
    Regular Coder
    Join Date
    Dec 2005
    Posts
    141
    Thanks
    0
    Thanked 0 Times in 0 Posts
    http://209.97.77.39:1024/

    I dont know how long tonite the demo will be live


  •  

    Posting Permissions

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