Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations TouchToneTommy on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

hide div when display menu

Status
Not open for further replies.
1000kisoen

1000kisoen

IS-IT--Management
Aug 12, 2004
37
NL
hi i work with 2 frames top and main
when make a selection from the menu the div did't not hide
I had to make space between the top frame and the main frame

because that is an empty space it should be better to hide the div's
can somebody help me with code?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script language="javascript">
//MFXhmS
function MFXiH(){var H=['M0','S1','M2','S3','M4','S5','M6','S7','M8','S9','M10','S11'],P=1000,t='mt',z='mh',d=document,D=d.getElementById,H,S,G,X,Y,l,j,i,Z,O=window.opera,u=navigator.userAgent,
o=(u.indexOf('Opera 6')!=-1)||(u.indexOf('Opera/6')!=-1),p;
Vv='visible';Hh='hidden';Nn=d.layers;p=(!Nn&&D)?o?'':'px':'';for(l=0;l<H.length;l++){H[l]=D?d.getElementById(H[l]):Nn?Nn[H[l]]:d.all[H[l]]}
Z=D?d.getElementById(z):Nn?Nn[z]:d.all[z];G=0;aA=H[1];for(i=0;i<H.length;i++){if(!(i&1)){H.onmouseover=function(){
for(j=0;j<H.length;j+=2){if(this.id==H[j].id){aA=H[j+1];sW(H[j+1])}else{hD(H[j+1])}}}}else{X=Nn?H.height:parseInt(H.style.height);
Y=Nn?H.top:parseInt(H.style.top);G=G>X?G:X;P=P<Y?P:Y;}}S=Nn?Z:Z.style;S.height=G+29+p;S.top=Y+5;
if(D){t=d.getElementById(t);t.height=G+29+p;t.width='100%'}S.visibility=Vv;Z.onmouseover=function(){
if(this.id=='mh'){hD(aA)}}}function sW(){var o=aA;o=Nn?o:eek:.style;o.visibility=Vv}
function hD(o){o=Nn?o:eek:.style;o.visibility=Hh}onload=MFXiH;////MFXhmE

</script>
<link href="css/content.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
@import url("../css/newstyle.css");
body {
background-color: #0099cc;
}
.style1 {color: #FFFFFF}
a:active {
color: #0099cc;
}
a:visited {
color: #FFFFFF;
}
a:hover {
color: #FFFFFF;
}

-->
</style>

</head>

<body>
<div id="M0" style="position:absolute; left:224px; top:31px; visibility: visible; width:62px; height:20px; z-index:2; color: #FFFFFF;">Registration</div>
<span id="S1" style="position:absolute; left:224px; top:55px; width:76px; height:64px; z-index:3; background-color: #0099CC; layer-background-color: #0099CC; border: 1px none #000000; list-style-image: url(/Images/arrowbigFFFFFF.gif); visibility: hidden;">
<p class="style1"><a href=../left.htm target="leftFrame" onClick="parent.main.location.href='../incident.asp'"> New Incident </a><a href=../left.htm target="leftFrame" onClick="parent.main.location.href='../problem.asp'">New Problem </a><a href=../left.htm target="leftFrame" onClick="parent.main.location.href='../change.asp'"> New Change </a><span class="style1"><a href=../callopen.asp target="leftFrame" onClick="parent.main.location.href='../left.htm'">Open </a></span></p>
</span>
<div id="M2" style="position:absolute; left:287px; top:31px; visibility: visible; width:42px; height:20px; z-index:2; color: #FFFFFF;">Info</div>
<div id="S3" style="position:absolute; left:287px; top:53px; width:66px; height:53px; z-index:3; background-color: #0099cc; layer-background-color: #0099cc; border: 1px none #000000; visibility: hidden;">
<p class="style1"><a href="../Query/listview.asp" target="leftFrame"" onClick="parent.main.location.href='../empty.htm'"leftFrame>View Call List </a><a href="../search/search.asp" target="leftFrame"" onClick="parent.main.location.href='../search/results.asp'"leftFrame>Adv search</a> <a href="../left.htm" target="leftFrame"" onClick="parent.main.location.href='../projects.asp'"leftFrame>New project </a><a href="../listprojects.asp" target="leftFrame"" onClick="parent.main.location.href='../mid.htm'"leftFrame>List projects </a></p>
</div>
<div id="M4" style="position:absolute; left:332px; top:31px; visibility: visible; width:42px; height:20px; z-index:2; color: #FFFFFF;">Reports </div>
<div id="S5" style="position:absolute; left:333px; top:51px; visibility: hidden; width:67px; height:42px; z-index:3; background-color: #0099cc; layer-background-color: #0099cc; border: 1px none #000000">
<p class="style1"><a href=../menu/reportmenu.htm target="leftFrame" onClick="parent.main.location.href='../empty.htm'"> Reports </a><a href="../Report/XMLReport.asp" target="main">Update report</a> </p>
</div>
<div id="M6" style="position:absolute; left:377px; top:31px; visibility: visible; width:40px; height:20px; z-index:2; color: #FFFFFF;">Settings</div>
<div id="S7" style="position:absolute; left:378px; top:50px; visibility: hidden; width:54px; height:19px; z-index:3; background-color: #0099cc; layer-background-color: #0099cc"><a href=../left.htm target="leftFrame" onClick="parent.main.location.href='../usersetting.asp'"> User Setting </a></div>
<div id="M8" style="position:absolute; left:419px; top:31px; visibility: visible; width:27px; height:20px; z-index:2; color: #FFFFFF;">Help</div>
<div id="S9" style="position:absolute; left:418px; top:50px; visibility: hidden; width:37px; height:40px; z-index:3; background-color: #0099cc; layer-background-color: #0099cc; border: 1px none #000000">
<p class="style1"><a href="../left.htm" target="leftFrame"" onClick="parent.main.location.href='../contact.asp'"leftFrame>Contact</a> Help</p>
</div>
<div id="M10" style="position:absolute; left:449px; top:31px; visibility: visible; width:45px; height:20px; z-index:2; color: #FFFFFF;"><a href="../default.asp" target="_parent">Exit</a></div>
<div id="S11" style="position:absolute; left:679px; top:67px; visibility: hidden; width:114px; height:54px; z-index:3"></div>
<div id="mh" style="position:absolute; left:0px; width:100%; height:70%; z-index:1; border:1px; top:65px; visibility:hidden;">
<table id="mt">
<tr>
<td></td>
</tr>
</table>
</div>
<area shape="rect" coords="26,8,140,44" href="../default.asp" target="_top">
</body>
</html>


thx kisoen
 
Status
Not open for further replies.

Similar threads

trevil620
  • Locked
  • Question
SoThink DHTML Menu Conversion
Replies
0
Views
808
trevil620
trevil620
JScannell
  • Locked
  • Question
Programmatically inserting a newline in a &lt;textarea&gt;, &lt;span&gt;, or &lt;div&gt;
Replies
5
Views
2K
ggriffit
ggriffit
chikwendu
  • Locked
  • Question
How do I display an extra input box for editing an existing data?
Replies
1
Views
303
chikwendu
chikwendu
nanbread
  • Locked
  • Question
Sweeping drop-down menus
Replies
0
Views
731
nanbread
nanbread
Dara2020
  • Locked
  • Question
Jquery Conflict between Mega-Menu and MailChimp form
Replies
0
Views
225
Dara2020
Dara2020

Part and Inventory Search

Sponsor

Back
Top