menu using javascript?

i am not very good in java i am still learning i will check my books and see if i get the code for the menu

Please explain what kind of menu are you looking for... I mean all aspects of your menu in your imagination...

Yeah, there are several types of menus. Here is a good one for CSS menus: http://www.howtocreate.co.uk/tutorials/testMenu.html

Originally Posted by SticKer

i am not very good in java i am still learning i will check my books and see if i get the code for the menu

Java and Javascript are two different programming languages.

But why do you want to do a menu in Javascript? The search bots will have a hard time finding it.

zk0 I have a similar issue where I am upgrading and updating my website as it is a bit outdated as I have been doing other things with it and want to create a good menu with cool text and a black background. Something like www.wired.profusehost.net/test.htm (a test page on my website. Please note only viewable in firefox). I currently have it set up using css as seen as www.wired.profusehost.net. I would like to create something like this website's navigation, http://www.wired.com/ which has a black navigation bar.

Please help in regards to what I can use to create my own navigation bars.

i checked this in ie, we only have ie in office. cant view it here

I want to create my own navigation for my website like wired.com but don't know how to. Can anyone give me some help. I am currently using CSS. See my above post for further info.

Example:Onmouseovermenu

Code:

<style type="text/css">
#coolmenu{
border: 1px solid black;
width: 170px;
background-color: #E6E6E6;
}
#coolmenu a{
font: bold 13px Verdana;
padding: 2px;
padding-left: 4px;
display: block;
width: 100%;
color: black;
text-decoration: none;
border-bottom: 1px solid black;
}
html>body #coolmenu a{ /*Non IE rule*/
width: auto;
}
#coolmenu a:hover{
background-color: black;
color: white;
}
#tabledescription{
width: 100%;
height: 3em;
padding: 2px;
filter:alpha(opacity=0);
-moz-opacity:0;
}
</style>
<script type="text/javascript">
var baseopacity=0
function showtext(thetext){
if (!document.getElementById)
return
textcontainerobj=document.getElementById("tabledescription")
browserdetect=textcontainerobj.filters? "ie" : typeof textcontainerobj.style.MozOpacity=="string"? "mozilla" : ""
instantset(baseopacity)
document.getElementById("tabledescription").innerHTML=thetext
highlighting=setInterval("gradualfade(textcontainerobj)",50)
}
function hidetext(){
cleartimer()
instantset(baseopacity)
}
function instantset(degree){
if (browserdetect=="mozilla")
textcontainerobj.style.MozOpacity=degree/100
else if (browserdetect=="ie")
textcontainerobj.filters.alpha.opacity=degree
else if (document.getElementById && baseopacity==0)
document.getElementById("tabledescription").innerHTML=""
}
function cleartimer(){
if (window.highlighting) clearInterval(highlighting)
}
function gradualfade(cur2){
if (browserdetect=="mozilla" && cur2.style.MozOpacity<1)
cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.2, 0.99)
else if (browserdetect=="ie" && cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=20
else if (window.highlighting)
clearInterval(highlighting)
}
</script>
<div id="coolmenu">
<a href="required link" onMouseover="showtext('JavaScript tutorials and scripts!')" onMouseout="hidetext()">JavaScript Kit</a>
<a href="required link" onMouseover="showtext('300+ free JavaScripts')" onMouseout="hidetext()">Free JavaScripts</a>
<a href="required link" onMouseover="showtext('Comprehensive JavaScript Reference')" onMouseout="hidetext()">JavaScript Reference</a>
<a href="required link" onMouseover="showtext('Web coding and development forums!')" onMouseout="hidetext()">Coding Forums</a>
<a href="required link" onMouseover="showtext('Award winning DHTML and JavaScripts')" onMouseout="hidetext()">Dynamic Drive</a>
<div id="tabledescription"></div>
</div>
 
Triple drop down menu:::::::
 
<form name="formTripleMenu" id="formTripleMenu" action="">
<table bgcolor="#0000A0" border="1">
<tr>
<td colspan="3" width="528">
<strong>
<font size="2" color="#FFFFFF">
To explore self
development and computer stuff: - choose a topic from the drop-down box on the left, then
a subject from the box in the middle. And finally choose a page from the drop down menu on
the right.
</font>
</strong>
</td>
</tr>
<tr>
<td valign="top" align="center" width="171">
<div align="center">
<center>
<p>
<small>
<strong>
<font color="#ffffff">
Select a topic ...
</font>
</strong>
</small>
</td>
<td valign="top" align="center" width="176">
<small>
<strong>
<font color="#FFFFFF">
... then
a subject ...
</font>
</strong>
</small>
</td>
<td valign="top" align="center" width="169">
<small>
<strong>
<font color="#FFFFFF">
... and
then a page to go ...
</font>
</strong>
</small>
</td>
</tr>
<tr align="center">
<td width="171" valign="top" align="center">
<!-- ####################### start of select containing topics ####################### -->
<select name="menuTopics" id="menuTopics" onchange="changeSubjects()" size="1">
<option value="none">
Topics appear here
</option>
<option value="none">
Computer Stuff
</option>
<option value="none">
Self Development
</option>
<option value="none">
Computer Software
</option>
</select>
</td>
<td width="176" valign="top" align="center">
<!-- ####################### start of select contaning subjects ####################### -->
<select name="menuSubjects" id="menuSubjects" onchange="changeFiles()" size="1">
<option value="none">
Subjects appear here
</option>
</select>
</td>
<td width="169" valign="top" align="center">
<!-- ####################### start of select containing pages ####################### -->
<select name="menuFiles" id="menuFiles" onchange="go(this)" size="1">
<option value="none">
Pages appear here
</option>
</select>
</td>
</tr>
</table>
</form>

Could you please post the code in notepad files individually and packaged as a group for which code goes together or split up the different code sections by using the code tool that formats code differently so it is easier to read your post as I am having a hard time interpreting it.