...

View Full Version : File View Edit Menus.. (help)



glish_dreams
05-03-2007, 07:34 PM
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

glish_dreams
05-04-2007, 02:52 AM
http://209.97.77.39:1024/

I dont know how long tonite the demo will be live



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum