Ver Mensaje Individual
  #1 (permalink)  
Antiguo 09/11/2009, 11:47
Betina232022
 
Fecha de Ingreso: enero-2008
Mensajes: 366
Antigüedad: 16 años, 3 meses
Puntos: 3
problema con class

Hola a todos

tengo un enlace al cual le asigno una class, pero al momento de que entra a la página donde esta este enlace cambio la class por otra, pero no lo hace asi esta el enlace

<a id='TA' href='#' target='M' class='menu2' onclick='return TaA();' >Tabulado </a>

y el script donde cambio la class es:
<script>
document.getElementById("TA").className="menu4";
</script>

en el archivo css tengo:

a:link {font-style:normal; valign:middle; color:3f5269; text-decoration:none; font-family:Arial; font-size:9pt; }
a:active {font-style:normal; valign:middle; color:3f5269; text-decoration:none; font-family:Arial; font-size:9pt; }
a:visited {font-style:normal; valign:middle; color:aa895d; text-decoration:none; font-family:Arial; font-size:9pt; }
a:hover {font-style:normal; valign:middle; color:506885; text-decoration:underline; font-family:Arial; font-size:9pt;}


a.menu2:link {font-style:normal; valign:middle; color:96191d; text-decoration:underline; font-family:Arial, Tohoma; font-size:9pt; font-weight:bold;}
a.menu2:active {font-style:normal; valign:middle; color:96191d; text-decoration:underline; font-family:Arial, Tohoma; font-size:9Pt; font-weight:bold;}
a.menu2:visited {font-style:normal; valign:middle; color:96191d; text-decoration:underline; font-family:Arial, Tohoma; font-size:9pt; font-weight:bold;}
a.menu2:hover {font-style:normal; valign:middle; color:506885; text-decoration:underline; font-family:Arial, Tohoma; font-size:9pt; font-weight:bold;}


a.menu4.link {font-style:normal; valign:middle; color:c0c0c0; text-decoration:none; font-family: Arial, Tohoma; font-size:9pt; font-weight:bold; cursor:text;}
a.menu4:active {font-style:normal; valign:middle; color:c0c0c0; text-decoration:none; font-family:Arial, Tohoma; font-size:9pt; font-weight:bold;cursor:text;}
a.menu4:visited {font-style:normal; valign:middle; color:c0c0c0; text-decoration:none; font-family: Arial, Tohoma; font-size:9pt; font-weight:bold;cursor:text;}
a.menu4:hover {font-style:normal; valign:middle; color:c0c0c0; text-decoration:none; font-family: Arial, Tohoma; font-size:9pt; font-weight:bold;cursor:text;}

lo que hace es que al cambiarlo deja el color de la primer clase y al momento de pasar el mouse sobre él lo cambia al color que tiene "menu4".

No se que estoy haciendo mal o algo que me falte, espero me puedan ayudar, gracias