Click to See Complete Forum and Search --> : menu not working


jrthor2
11-16-2005, 07:13 AM
I have the following code in a seperate page (frame). The links that are in the dropdown sections do not work, but links that do not toggle a dropdown work fine. Could someone help me out? Thanks

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="Javascript" type="text/javascript" src="scripts/main.js"></script>
<title>Navigation Bar</title>
<link href="StyleSheet/RAStyle.css" rel="stylesheet" type="text/css">
<link href="StyleSheet/SDLC.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.style1 {font-size: 9px}
-->
</style>
</head>

<body>

<div class="SDLC style1"><a href="index.htm" target="_parent">Home</a><br>

<a href="001%20IntroToSDLC/IntroToSDLC.htm" target="mainFrame">Intro to SDLC<br>
</a>
<div onclick="toggle(document.getElementById('SDLCsubBoxC') );return false;" style="cursor:pointer;">
<a href="002%20SDLCMethodology/SDLC%20Templates/SDLCTemplates.htm" target="mainFrame">SDLC Templates</a></div>

<div class="SubSDLC" id="SDLCsubBoxC" style="display:block ">
<div onclick="toggle(document.getElementById('ProjectBox') );return false;" id="SDLCsubBoxD" style="cursor:pointer"><a href="home.htm" target="mainFrame">Project</a></div>
<div class="SubSDLC" id="ProjectBox" style="display:block ">
<div onclick="toggle(document.getElementById('ProjectReqBox') );return false;" id="SDLCsubBoxD" style="cursor:pointer"><a href="home.htm" target="mainFrame">Required</a></div>
<div class="SubSDLC" id="ProjectReqBox" style="display:block ">
Classic<br>
CBT<br>
Object Oriented Design
</div>
Optional
</div>
<a href="" target="mainFrame">Projects Involving a Build Versus Buy Decision</a><br>
<a href="" target="mainFrame">Projects Involving Potential Acquisition of a New Software Package</a><br>
<div onclick="toggle(document.getElementById('SmallProjectBox') );return false;" id="SDLCsubBoxE" style="cursor:pointer"><a href="" target="mainFrame">Small Project</a></div>
<div class="SubSDLC" id="SmallProjectBox" style="display:block ">
<div onclick="toggle(document.getElementById('SmallProjectReqBox') );return false;" id="SDLCsubBoxE" style="cursor:pointer"><a href="" target="mainFrame">Required</a></div>
<div class="SubSDLC" id="SmallProjectReqBox" style="display:block ">
Classic<br>
CBT<br>
Object Oriented Design
</div>
Optional
</div>
<div onclick="toggle(document.getElementById('HighImpactBox') );return false;" id="SDLCsubBoxF" style="cursor:pointer"><a href="" target="mainFrame">High Impact Enhancement</a></div>
<div class="SubSDLC" id="HighImpactBox" style="display:block ">
<div onclick="toggle(document.getElementById('HighImpactReqBox') );return false;" id="SDLCsubBoxF" style="cursor:pointer"><a href="" target="mainFrame">Required</a></div>
<div class="SubSDLC" id="HighImpactReqBox" style="display:block ">
Classic<br>
CBT<br>
Object Oriented Design
</div>
Optional
</div>
<div onclick="toggle(document.getElementById('MaintBox') );return false;" id="SDLCsubBoxG" style="cursor:pointer"><a href="" target="mainFrame">Maintenance</a></div>
<div class="SubSDLC" id="MaintBox" style="display:block ">
<a href="" target="mainFrame">Required</a><br>
<a href="" target="mainFrame">Optional</a>
</div>
</div>
<div onclick="toggle(document.getElementById('ApplsubBoxC') );return false;" style="cursor:pointer;">
<a href="home.htm" target="mainFrame">Application Changes</a></div>
<div class="SubSDLC" id="ApplsubBoxC" style="display:block ">
<div onclick="toggle(document.getElementById('EmergencyBox') );return false;" id="SDLCsubBoxH" style="cursor:pointer"><a href="" target="mainFrame">Emergency</a></div>
<div class="SubSDLC" id="EmergencyBox" style="display:block ">
<a href="" target="mainFrame">Required</a><br>
<a href="" target="mainFrame">Optional</a>
</div>
<div onclick="toggle(document.getElementById('AdHocBox') );return false;" id="SDLCsubBoxI" style="cursor:pointer"><a href="" target="mainFrame">Ad Hoc</a></div>
<div class="SubSDLC" id="AdHocBox" style="display:block ">
<a href="" target="mainFrame">Required</a><br>
<a href="" target="mainFrame">Optional</a>
</div>
<div onclick="toggle(document.getElementById('ApplChangesMaintBox') );return false;" id="SDLCsubBoxJ" style="cursor:pointer"><a href="" target="mainFrame">Maintenance</a></div>
<div class="SubSDLC" id="ApplChangesMaintBox" style="display:block ">
<a href="" target="mainFrame">Required</a><br>
<a href="" target="mainFrame">Optional</a>
</div>
<div onclick="toggle(document.getElementById('NewProjectBox') );return false;" id="SDLCsubBoxK" style="cursor:pointer"><a href="" target="mainFrame">New Project</a></div>
<div class="SubSDLC" id="NewProjectBox" style="display:block ">
<a href="" target="mainFrame">Required</a><br>
</div>
</div>
<a href="003%20SoftwareDevelStandards/SoftwareDevelStandards.htm" target="mainFrame"> Software Development Standards</a><br>

<a href="004%20ISDeptProjects/ISDeptProjects.htm" target="mainFrame">IS Departmental Projects</a>
<a href="005%20SarbanesOxley/SarbanesOxley.htm" target="mainFrame"><br>
Sarbanes-Oxley</a>
<a href="006%20WeeklyUpdates/WeeklyUpdates.htm" target="mainFrame"><br>
Weekly Updates/Notices</a>

<a href="007%20Contacts/Contacts.htm" target="mainFrame"><br>
Contacts</a>

</div>
</body>
</html>

kiathau
11-16-2005, 09:56 AM
May not examine your code, please find info from

http://www.brainjar.com/dhtml/menubar/

Code ready for menu

Kiat Hau,
http://webidiot.blogspot.com, Let's build your web site