please ignore [Archive] - Website Publisher Forums

k0r54

03-11-2004, 01:02 PM

please ingnore, its the only way i can upload from work coz i got surf control, its just coding for a menu script quite its a tree effect, any mods r welcome

<html>
<head>

<style type="text/css">
.menutitle{
cursor:pointer;
margin-bottom: 1px;
background-color:#ECECFF;
color:#000000;
width:140px;
padding:2px;
text-align:center;
font-weight:bold;
/*/*/border:1px solid #000000;/* */
}

.submenu{
margin-bottom: 0.5em;
}
</style>

<script type="text/javascript">

if (document.getElementById){
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}

function SwitchMenu(obj){
if(document.getElementById){
var el = document.getElementById(obj);
var ar = document.getElementById("masterdiv").getElementsByTagName("span");
if(el.style.display != "block"){
for (var i=0; i<ar.length; i++){
if (ar[i].className=="submenu")
ar[i].style.display = "none";
}
el.style.display = "block";
}else{
el.style.display = "none";
}
}
}

</script>
</head>

<body>

<table width="760" height="100%" border="1">
<tr height="120">
<td align="centre" valign="top">Menu
</td>
</tr>
<tr>
<td valign="top">
<table border="1" width="100%" height="100%" id="side bar table">
<tr>
<td width="150" align="center" valign="top">

<div id="masterdiv">

<div class="menutitle" onMouseOver="SwitchMenu('sub1')" onMouseOut="SwitchMenu('sub1')">Site Menu<br>
<span class="submenu" id="sub1">
- <a href="new.htm">What's New</a><br>
- <a href="hot.htm">What's hot</a><br>
- <a href="revised.htm">Revised Scripts</a><br>
- <a href="morezone/">More Zone</a>
</span></div>

<div class="menutitle" onMouseOver="SwitchMenu('sub2')" onMouseOut="SwitchMenu('sub2')">FAQ/Help<br>
<span class="submenu" id="sub2">
- <a href="notice.htm">Usage Terms</a><br>
- <a href="faqs.htm">DHTML FAQs</a><br>
- <a href="help.htm">Scripts FAQs</a>
</span></div>

<div class="menutitle" onMouseOver="SwitchMenu('sub3')" onMouseOut="SwitchMenu('sub3')">Help Forum<br>
<span class="submenu" id="sub3">
- <a href="http://www.codingforums.com">Coding Forums</a><br>
</span></div>

<div class="menutitle" onMouseOver="SwitchMenu('sub4')" onMouseOut="SwitchMenu('sub4')">Cool Links<br>
<span class="submenu" id="sub4">
- <a href="http://www.javascriptkit.com">JavaScript Kit</a><br>
- <a href="http://www.freewarejava.com">Freewarejava</a><br>
- <a href="http://www.cooltext.com">Cool Text</a><br>
- <a href="http://www.google.com">Google.com</a>
</span></div>

<div class="menutitle" onMouseOver="SwitchMenu('sub5')" onMouseOut="SwitchMenu('sub5')">About<br>
<span class="submenu" id="sub5">
- <a href="http://www.dynamicdrive.com/link.htm">Link to DD</a><br>
- <a href="http://www.dynamicdrive.com/recommendit/">Recommend Us</a><br>
- <a href="http://www.dynamicdrive.com/contact.htm">Email Us</a><br>
</span></div>

</div></td>
<td width="610" id="drop down menu">
<table border="1" height="100%" width="100%">
<tr>
<td>
<form name="a294" >
<select name="a969" size="1" style="background-color:#FFFFD7" onChange="displaydesc(document.a294.a969.selectedIndex)">
<option selected value="http://www.javascriptkit.com">JavaScript Kit </option>
<option value="http://freewarejava.com">Freewarejava.com</option>
<option value="http://wired.com" target="newwin">Wired News</option>
<option value="http://www.news.com">News.com</option>
<option value="http://www.codingforums.com" target="newwin">Coding Forums</option>
</select>
<input type="button" value="Go"
onClick="jumptolink(document.a294.a969.selectedIndex)"><br>
</td>
<td><span id="descriptions" align="left" style="font:italic 13px Arial">
</span></td></tr>
</table>
</form>

<script>

//Description Displayed Text
var textdisplay=new Array()
textdisplay[0]="Comprehensive JavaScript tutorials and over 400+ free scripts"
textdisplay[1]="Direct link to hundreds of free Java applets online!"
textdisplay[2]="Up to date news on the technology front"
textdisplay[3]="News.com- The #1 technology News site."
textdisplay[4]="Web Coding and development forums"

function jumptolink(what){
var selectedopt=document.a294.a969.options[what]
if (document.getElementById && selectedopt.getAttribute("target")=="newwin")
window.open(selectedopt.value)
else
window.location=selectedopt.value
}

function displaydesc(which){
if (document.all)
descriptions.innerHTML=textdisplay[which]
else if (document.getElementById)
document.getElementById("descriptions").innerHTML=textdisplay[which]
}

displaydesc(document.a294.a969.selectedIndex)

document.a294.a969.options[0].selected=true

</script></td>
</tr>
</table>
</td>
</tr>
</table>

</body>

</html>