hey all,
I'm attempting to use a framed site. On the left side of the frame i have declared my main categories to navigate the site, and when they choose an option from the left naviagtion frame, the right frame will display the appropriate choose. The problem i'm encountering is that the left navigation options (Search) has sub categories like Basic Search, Advanced Search, ect. I use a pop up layered css to display these sub categories of the search option that they can choose from the left navigation frame. Where is my form load statements listed below and my div tags that declare the subcategories of the search option. I can't seem to position the layered subcategory pop up options when they go over the main search option. What I really wanted to do is have the subcategories pop up on the right frame instead of the left frame that the main categories are in, but I don't see that being possible, so is there anyoen out there that can tell me how to position the sub category layer to the right of the main category?
function ShowMenu(Item)
{
document.getElementById(Item).style.visibility = 'Visible';
}
function HideMenu(Item)
{
document.getElementById(Item).style.visibility = 'Hidden';
}
function MenuSelect(Item)
{
document.getElementById(Item).style.backgroundColor = 'navy';
document.getElementById(Item).style.color = 'lightsteelblue';
}
function MenuDeselect(Item)
{
document.getElementById(Item).style.backgroundColor='lightsteelblue';
document.getElementById(Item).style.color = 'navy';
}
function onPageLoad()
{
divSearch.style.position = 'absolute';
divSearch.style.overflow = 'hidden';
divSearch.style.left = p_left;
divSearch.style.top = p_top;
divSearch.style.height = p_height;
divSearch.style.width = p_width;
divSubTableSearch.style.overflow = 'show';
divSubTableSearch.style.position = 'absolute';
divSubTableSearch.sytle.left = '50px';
divSubTableSearch.sytle.top = '200px';
divSubTableSearch.style.height = '75px';
divSubTableSearch.style.width = '100px';
HideMenu('mnuSubTableSearch');
}
//-->
</script>
<STYLE type="text/css">
A {text-decoration:none;}
</style>
</head>
<BODY bgcolor="navy" leftmargin="0" vlink="white" alink="white" onLoad='onPageLoad();' >
<DIV id="divSearch" ONMOUSEOUT="HideMenu('mnuSubTableSearch')" ONMOUSEOVER="ShowMenu('mnuSubTableSearch')">Search<HR width='98%' align='center'></DIV>
<DIV ID="mnuSubTableSearch">
<table id="mnuSubSearch" onmousemove="ShowMenu('mnuSubTableSearch')" onmouseout="HideMenu('mnuSubTableSearch')">
<tr>
<td id="mnuSubBasicSearch" style="cursor:hand;font-size:8pt" onmouseover="MenuSelect('mnuSubBasicSearch')" onmouseout="MenuDeselect('mnuSubBasicSearch')" onclick="top.ITTFrame.location.href='ittSearch.asp'">Basic Search</td>
</tr>
<tr>
<td id="mnuSubAdvancedSearch" style="cursor:hand;font-size:8pt" onmouseover="MenuSelect('mnuSubAdvancedSearch')" onmouseout="MenuDeselect('mnuSubAdvancedSearch')" onclick="top.ITTFrame.location.href='ittAdvancedSearch.asp'">Advanced Search</td>
</tr>
<tr>
<td id="mnuSubSearchResults" style="cursor:hand;font-size:8pt" onmouseover="MenuSelect('mnuSubSearchResults')" onmouseout="MenuDeselect('mnuSubSearchResults')" onclick="top.ITTFrame.location.href='ittSearchResults.asp'">Search Results</td>
</tr>
</table>
</DIV> Errol Barratt
work: 856-810-5712
home: 856-697-1593
*** If there is a possibility, I'm sure all the smart ones out there will enlighten me 8p
I'm attempting to use a framed site. On the left side of the frame i have declared my main categories to navigate the site, and when they choose an option from the left naviagtion frame, the right frame will display the appropriate choose. The problem i'm encountering is that the left navigation options (Search) has sub categories like Basic Search, Advanced Search, ect. I use a pop up layered css to display these sub categories of the search option that they can choose from the left navigation frame. Where is my form load statements listed below and my div tags that declare the subcategories of the search option. I can't seem to position the layered subcategory pop up options when they go over the main search option. What I really wanted to do is have the subcategories pop up on the right frame instead of the left frame that the main categories are in, but I don't see that being possible, so is there anyoen out there that can tell me how to position the sub category layer to the right of the main category?
function ShowMenu(Item)
{
document.getElementById(Item).style.visibility = 'Visible';
}
function HideMenu(Item)
{
document.getElementById(Item).style.visibility = 'Hidden';
}
function MenuSelect(Item)
{
document.getElementById(Item).style.backgroundColor = 'navy';
document.getElementById(Item).style.color = 'lightsteelblue';
}
function MenuDeselect(Item)
{
document.getElementById(Item).style.backgroundColor='lightsteelblue';
document.getElementById(Item).style.color = 'navy';
}
function onPageLoad()
{
divSearch.style.position = 'absolute';
divSearch.style.overflow = 'hidden';
divSearch.style.left = p_left;
divSearch.style.top = p_top;
divSearch.style.height = p_height;
divSearch.style.width = p_width;
divSubTableSearch.style.overflow = 'show';
divSubTableSearch.style.position = 'absolute';
divSubTableSearch.sytle.left = '50px';
divSubTableSearch.sytle.top = '200px';
divSubTableSearch.style.height = '75px';
divSubTableSearch.style.width = '100px';
HideMenu('mnuSubTableSearch');
}
//-->
</script>
<STYLE type="text/css">
A {text-decoration:none;}
</style>
</head>
<BODY bgcolor="navy" leftmargin="0" vlink="white" alink="white" onLoad='onPageLoad();' >
<DIV id="divSearch" ONMOUSEOUT="HideMenu('mnuSubTableSearch')" ONMOUSEOVER="ShowMenu('mnuSubTableSearch')">Search<HR width='98%' align='center'></DIV>
<DIV ID="mnuSubTableSearch">
<table id="mnuSubSearch" onmousemove="ShowMenu('mnuSubTableSearch')" onmouseout="HideMenu('mnuSubTableSearch')">
<tr>
<td id="mnuSubBasicSearch" style="cursor:hand;font-size:8pt" onmouseover="MenuSelect('mnuSubBasicSearch')" onmouseout="MenuDeselect('mnuSubBasicSearch')" onclick="top.ITTFrame.location.href='ittSearch.asp'">Basic Search</td>
</tr>
<tr>
<td id="mnuSubAdvancedSearch" style="cursor:hand;font-size:8pt" onmouseover="MenuSelect('mnuSubAdvancedSearch')" onmouseout="MenuDeselect('mnuSubAdvancedSearch')" onclick="top.ITTFrame.location.href='ittAdvancedSearch.asp'">Advanced Search</td>
</tr>
<tr>
<td id="mnuSubSearchResults" style="cursor:hand;font-size:8pt" onmouseover="MenuSelect('mnuSubSearchResults')" onmouseout="MenuDeselect('mnuSubSearchResults')" onclick="top.ITTFrame.location.href='ittSearchResults.asp'">Search Results</td>
</tr>
</table>
</DIV> Errol Barratt
work: 856-810-5712
home: 856-697-1593
*** If there is a possibility, I'm sure all the smart ones out there will enlighten me 8p
