/    Sign up×
Community /Pin to ProfileBookmark

Drop down menus

Copy linkTweet thisAlerts:
Dec 19.2004

hi
i hope this is the right section but i dunno as im new to this, basicaly im using the code bellow, and it works but doesn’t its for a set of menus and i want them to open in the “main” format, a breif discription of the site is i have an index page which loads in top and bottom frames and a middle one called main main then loads in the left and center frame now on ordanary links it works and loads the content into the main center section but on the menus it does not why is this?

<html><head><style>
<!–

a { text-decoration: underline }
a:hover { color: #808080; text-decoration: none }
#Aboutus { left: absolute; position: absolute; top: 50px; visibility: hidden; z-index: 1 }
#Products { left: 160px; position: absolute; top: 50px; visibility: hidden; z-index: 1 }
#Promotion { left: 320px; position: absolute; top: 50px; visibility: hidden; z-index: 1 }
#Support { left: 480px; position: absolute; top: 50px; visibility: hidden; z-index: 1 }
.menus { color:#808080; font-family: arial, helvetica, ‘sans serif’; font-size: 8pt;
text-decoration: none }
.menus:hover { color: #808080; background-color: #808080; font-family:
arial, helvetica, ‘sans serif’; font-size: 8pt;
text-decoration: none }
select { font-family: arial, verdana; font-size: 12px }
input.Small { font-family: arial, verdana; font-size: 12px }
input { font-family: arial, verdana; font-size: 12px }
input.Button { font-family: arial, verdana; font-size: 12px }
–>
</style>
<SCRIPT language=javascript>
<!–
if (document.images)
{var imglist = new Array (
“images/2.jpg”
,
“images/2.jpg”
,
“images/2.jpg”
,
“images/2.jpg”
);
var imgs = new Array(); var count;
for (count=0; count<imglist.length; count++)
{imgs[count]=new Image(); imgs[count].src=imglist[count];}
}
function hilite(name,m)
{if (document.images)
{imgswap(name, imgs[m])}
}
function imgswap(i1,i2)
{if (document.images)
{var temp = i1.src; i1.src=i2.src; i2.src=temp;}
}
// –>
</SCRIPT>
<SCRIPT language=javascript>
<!–
window.onerror = null;
var bName = navigator.appName;
var bVer = parseInt(navigator.appVersion);
var NS4 = (bName == “Netscape” && bVer >= 4);
var IE4 = (bName == “Microsoft Internet Explorer” && bVer >= 4);
var NS3 = (bName == “Netscape” && bVer < 4);
var IE3 = (bName == “Microsoft Internet Explorer” && bVer < 4);
var menuActive = 0
var menuOn = 0
var onLayer
var timeOn = null// LAYER SWITCHING CODE
if (NS4 || IE4) {
if (navigator.appName == “Netscape”) {
layerStyleRef=”layer.”;
layerRef=”document.layers”;
styleSwitch=””;
}else{
layerStyleRef=”layer.style.”;
layerRef=”document.all”;
styleSwitch=”.style”;
}
}

// SHOW MENU
function showLayer(layerName){
if (NS4 || IE4) {
if (timeOn != null) {
clearTimeout(timeOn)
hideLayer(onLayer)
}
if (NS4 || IE4) {
eval(layerRef+'[“‘+layerName+'”]’+styleSwitch+’.visibility=”visible”‘);
}
onLayer = layerName
}
}// HIDE MENU
function hideLayer(layerName){
if (menuActive == 0) {
if (NS4 || IE4) {
eval(layerRef+'[“‘+layerName+'”]’+styleSwitch+’.visibility=”hidden”‘);
}
}
}// TIMER FOR BUTTON MOUSE OUT
function btnTimer() {
timeOn = setTimeout(“btnOut()”,1000)
}// BUTTON MOUSE OUT
function btnOut(layerName) {
if (menuActive == 0) {
hideLayer(onLayer)
}
}// MENU MOUSE OVER
function menuOver(itemName) {
clearTimeout(timeOn)
menuActive = 1
}// MENU MOUSE OUT
function menuOut(itemName) {
menuActive = 0
timeOn = setTimeout(“hideLayer(onLayer)”, 400)
}// –>
</SCRIPT>
<link rel=”stylesheet” type=”text/css” href=”style.css” />

</head><body>
<div id=”outer”>
<div id=”inner”>
<div class=”bgtext”>Alternative Sports</div>
<div id=”close”><a href=”index.html”>X</a></div>
<div id=”top”><a href=”intro.html”>^</a></div>
<div id=”text1″>home</div>
<div id=”text7″>contact us</div>
<div id=”content”>
<p align=”center”><br>
</p>
<div id=”titleblock”>
<div id=”Aboutus”>
<table bgcolor=”black” border=”0″ cellpadding=”1″ cellspacing=”0″>
<tbody>
<tr>
<td>
<table bgcolor=”#808080″ cellpadding=”1″ cellspacing=”0″>
<tbody>
<tr>
<td><img alt border=”0″ height=”1″ src=”newforo5.html” width=”2″></td>
<td><a class=”menus” href=”newfor05.html.html” onmouseout=”menuOut(‘rollimg0’)” onmouseover=”menuOver(‘rollimg0’)” target=”main”><b>New For 2005</b></a></td>
<td><img alt border=”0″ height=”1″ src=”” width=”2″></td>
</tr>
<tr>
<td><img alt border=”0″ height=”1″ src=”” width=”2″></td>
<td><a class=”menus” href=”” onmouseout=”menuOut(‘rollimg1’)” onmouseover=”menuOver(‘rollimg1’)” target=”_top”><b></b></a></td>
<td><img alt border=”0″ height=”1″ src=”” width=”2″></td>
</tr>
<tr>
<td><img alt border=”0″ height=”1″ src=”f” width=”2″></td>
<td><a class=”menus” href=”” onmouseout=”menuOut(‘rollimg2’)” onmouseover=”menuOver(‘rollimg2’)” target=”_top”><b></b></a></td>
<td><img alt border=”0″ height=”1″ src=”rollover_script/line.gif” width=”2″></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<div id=”Products”>
<table bgcolor=”black” border=”0″ cellpadding=”1″ cellspacing=”0″>
<tbody><tr><td>
<table bgcolor=”#808080″ cellpadding=”1″ cellspacing=”0″>
<tbody><tr>
<td><img alt border=”0″ height=”1″ src=”rollover_script/line.gif” width=”2″></td>
<td><a class=”menus” href=”” onmouseout=”menuOut(‘rollimg0’)” onmouseover=”menuOver(‘rollimg0’)” target=”_top”><b></b></a></td>
<td><img alt border=”0″ height=”1″ src=”rollover_script/line.gif” width=”2″></td>
</tr><tr>
<td><img alt border=”0″ height=”1″ src=”rollover_script/line.gif” width=”2″></td>
<td><a class=”menus” href=”” onmouseout=”menuOut(‘rollimg1’)” onmouseover=”menuOver(‘rollimg1’)” target=”_top”><b></b></a></td>
<td><img alt border=”0″ height=”1″ src=”rollover_script/line.gif” width=”2″></td>
</tr><tr>
<td><img alt border=”0″ height=”1″ src=”rollover_script/line.gif” width=”2″></td>
<td><a class=”menus” href=”” onmouseout=”menuOut(‘rollimg2’)” onmouseover=”menuOver(‘rollimg2’)” target=”_top”><b></b></a></td>
<td><img alt border=”0″ height=”1″ src=”rollover_script/line.gif” width=”2″></td>
</tr><tr>
<td><img alt border=”0″ height=”1″ src=”rollover_script/line.gif” width=”2″></td>
<td><a class=”menus” href=”” onmouseout=”menuOut(‘rollimg2’)” onmouseover=”menuOver(‘rollimg2’)” target=”_top”><b></b></a></td>
<td><img alt border=”0″ height=”1″ src=”rollover_script/line.gif” width=”2″></td>
</tr><tr>
<td><img alt border=”0″ height=”1″ src=”rollover_script/line.gif” width=”2″></td>
<td><a class=”menus” href=”” onmouseout=”menuOut(‘rollimg3’)” onmouseover=”menuOver(‘rollimg3’)” target=”_top”><b></b></a></td>
<td><img alt border=”0″ height=”1″ src=”rollover_script/line.gif” width=”2″></td></tr></tbody></table></td></tr></tbody></table></div>
<div id=”Promotion”>
<table bgcolor=”black” border=”0″ cellpadding=”1″ cellspacing=”0″>
<tbody><tr><td><table bgcolor=”#808080″ cellpadding=”1″ cellspacing=”0″><tbody><tr>
<td><img alt border=”0″ height=”1″ src=”rollover_script/line.gif” width=”2″></td>
<td><a class=”menus” href=”” onmouseout=”menuOut(‘rollimg0’)” onmouseover=”menuOver(‘rollimg0’)” target=”_top”><b>Introduction</b></a></td>
<td><img alt border=”0″ height=”1″ src=”rollover_script/line.gif” width=”2″></td></tr><tr>
<td><img alt border=”0″ height=”1″ src=”rollover_script/line.gif” width=”2″></td>
<td><a class=”menus” href=”” onmouseout=”menuOut(‘rollimg1’)” onmouseover=”menuOver(‘rollimg1’)” target=”_top”><b>Affiliate program</b></a></td>
<td><img alt border=”0″ height=”1″ src=”rollover_script/line.gif” width=”2″></td>
</tr></tbody></table></td></tr></tbody></table></div><div id=”Support”>
<table bgcolor=”black” border=”0″ cellpadding=”1″ cellspacing=”0″>
<tbody><tr><td><table bgcolor=”#808080″ cellpadding=”1″ cellspacing=”0″>
<tbody><tr><td><img alt border=”0″ height=”1″ src=”rollover_script/line.gif” width=”2″></td>
<td><a class=”menus” href=”” onmouseout=”menuOut(‘rollimg0’)” onmouseover=”menuOver(‘rollimg0’)” target=”_top”><b>Our support team</b></a></td>
<td><img alt border=”0″ height=”1″ src=”rollover_script/line.gif” width=”2″></td>
</tr><tr>
<td><img alt border=”0″ height=”1″ src=”rollover_script/line.gif” width=”2″></td>
<td><a class=”menus” href=”http://planmagic.com/feedback.html” onmouseout=”menuOut(‘rollimg1’)” onmouseover=”menuOver(‘rollimg1’)” target=”_top”><b>Feedback</b></a></td>
<td><img alt border=”0″ height=”1″ src=”rollover_script/line.gif” width=”2″></td>
</tr></tbody></table></td></tr></tbody></table></div>
<div align=”left”>
<table border=”0″ cellpadding=”0″ cellspacing=”0″ bgcolor=”#000000″ width=”624″>
<tr>
<td width=”624″><a class=”bigmenus” href=”” onmouseout=”btnTimer(), hilite(document.aboutus,0)” onmouseover=”showLayer(‘Aboutus’), hilite(document.aboutus,0)”><img name=”aboutus” src=”images/whats%20new%201.jpg” border=”0″ align=”bottom” width=”150″ height=”30″></a>
<a class=”bigmenus” href=”” onmouseout=”btnTimer(), hilite(document.products,1)” onmouseover=”showLayer(‘Products’), hilite(document.products,1)”><img name=”products” border=”0″ src=”images/clubs%201.jpg” align=”bottom” width=”150″ height=”30″></a>
<a class=”bigmenus” href=”http://planmagic.com/products.html” onmouseout=”btnTimer(), hilite(document.promotion,2)” onmouseover=”showLayer(‘Promotion’), hilite(document.promotion,2)”><img name=”promotion” src=”images/contact%20us%201.jpg” border=”0″ align=”bottom” width=”150″ height=”30″></a>
<a class=”bigmenus” href=”” onmouseout=”btnTimer(), hilite(document.support,3)” onmouseover=”showLayer(‘Support’), hilite(document.support,3)”><img name=”support” src=”images/sports.jpg” border=”0″ align=”bottom” width=”150″ height=”30″></a>
</td></tr></table></div></div></body>

im using dreamweaver mx2004 if that effects anything
cyaz
aj

to post a comment
HTML

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@toicontienDec 20.2004 — You'll want to head over to the [url=http://www.webdeveloper.com/forum/forumdisplay.php?s=&forumid=8]DHTML[/url] forum for this. They can help you out.
Copy linkTweet thisAlerts:
@ajkiwi88authorDec 20.2004 — ok cheers

cyaz

aj
×

Success!

Help @ajkiwi88 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...