[SOLVED] mouseon and off help

[rallokkcaz]

i wanna try to make a link that when the mouse is over it, it is white, and when there is no mouse over it, its a light grey.

 

would the code go something like this ?

 

function rollonoff() 
{
if (mouseon) {
document.getElementById(a).style.color="#000000"
} else if (mouseoff) {
document.getElementById(a).style.color="#030303"
}

i know thats probly wrong as hell but u see my point

[rallokkcaz]

i stated what i said wrong

i want the like a table to changle color

not a link

sorry for the confusion

[obsidian]

First off, you'd be better off using straight CSS for that:

a {color: #000000;}
a:hover {color: #030303;}

 

However, to answer your question directly, you could do it with javascript like this:

function initLinks() {
  // gather all your links
  eles = document.getElementsByTagName('a');
  for (i = 0; i < eles.length; i++) {
    eles[i].onMouseOver = function() {
      this.style.color = "#000000";
    }

    eles[i].onMouseOut = function() {
      this.style.color = "#030303";
    }
  }
}

window.onload = initLinks;

 

This function, if run once your page loads, will loop through all the links on your page and set up their onmouseover and onmouseout function calls.

 

**EDIT**

Based on your update, you can use the exact same principle, but target your table instead of the anchor tags with the above function assignments.

[rallokkcaz]

im gonna take your code and edit it so it fits to what i need

and sorry for the confusing i didn't mean link i meant like a ,li, or tr

 

[rallokkcaz]

i figured it out thanks to CSS!

thanks tho guys!!