artslave
03-07-2002, 04:50 AM
I got my cascading menu working (previous thread in html (http://www.coderforums.net/showthread.php?s=&threadid=80)) and now I'm trying to spice it up a bit. As you can see from the link provided below my menu is basic black and white, when the cursor hovers over the table cell it changes from white to red. The text stays black until the cursor is moved over it and then it turns white (CSS).
What I would like to happen is the text to turn white even when the cursor is only on the table cell portion.
**update**
I've been playing around with JavaScript and dhtml. I've gotten the white text onMouseOver to work but I need help cleaning up my JavaScript. The link below will open a window with 2 primary menu selections. The first has the dropdown as described in the first paragraph. The second menu selection keeps my text white during the MouseOver but as you will see it works too well. The links in the submenu also go white which means they are unreadable since they are on a white background, unreadable until the cursor hovers over that selection to make the background red.
I'm convinced that the glitch is in my JS. I need the individual links to remain black until the cursor hovers in the corresponding table cell, then when the cell turns red the text changes to white.
Thanks,
Link: http://members.shaw.ca/artslave/dhtml/ddmenu2.html
Here's my colour change JS:
<script type="text/javascript">
function newColor(color)
{
colour1.style.color=color;
colour2.style.color=color;
colour3.style.color=color;
colour4.style.color=color;
colour5.style.color=color;
colour6.style.color=color;
}
</script>
What I would like to happen is the text to turn white even when the cursor is only on the table cell portion.
**update**
I've been playing around with JavaScript and dhtml. I've gotten the white text onMouseOver to work but I need help cleaning up my JavaScript. The link below will open a window with 2 primary menu selections. The first has the dropdown as described in the first paragraph. The second menu selection keeps my text white during the MouseOver but as you will see it works too well. The links in the submenu also go white which means they are unreadable since they are on a white background, unreadable until the cursor hovers over that selection to make the background red.
I'm convinced that the glitch is in my JS. I need the individual links to remain black until the cursor hovers in the corresponding table cell, then when the cell turns red the text changes to white.
Thanks,
Link: http://members.shaw.ca/artslave/dhtml/ddmenu2.html
Here's my colour change JS:
<script type="text/javascript">
function newColor(color)
{
colour1.style.color=color;
colour2.style.color=color;
colour3.style.color=color;
colour4.style.color=color;
colour5.style.color=color;
colour6.style.color=color;
}
</script>