Cambiar estilo con JS

Yugioh123 · #1 (**permalink**) 22/10/2005, 03:30

Bueno, supongo que esto debe ser muy basica, tengo unos conocimientos minimos de js, el uso de variables, alerts i algo mas, lo que quiero es que al ponerse encima de una casilla de una tabla (<td>) que salga con otro estilo, esto se podria hacer con onmouseover, pero no se como, y cuando no esté encima se ponga otrea vez normal.

Osea:

<td class="row1">hola</td>

Quando estè encima sea row2 y cuando no row1

Otra cosa:

Como se hace para cambiar las imagenes con onmouseover???

I... alguien me recomienda algun manual de javascript para usuarios medianos que sea, sobretodo, CLARO

JavierB · #2 (**permalink**) 22/10/2005, 03:39

Hola Yugioh123

Para cambiar el estilo usa esto:

Código:

<td class="row1" onmouseover = "this.className='row2'">

Para cambiar imágenes:

Código:

<img src="imagen1.jpg" onmouseover = "this.src='imagen2.jpg'" />

En las FAQs de este mismo foro tienes varios enlaces a manuales y tutoriales.

Saludos,

Yugioh123 · #3 (**permalink**) 22/10/2005, 05:51

gracias. una pregunta, si quiero hacer que cuando este encima de uno se alumbre otro... osea:

<td class="row1">hola</td>
<td class="row2">rehola</td>

como hago que cuando este envcima de "rehola" se me cambie el de hola???

y otra cosa... es que no paro...

como se haria para ccambiar el texto del td??? osea, cambiar rehola por algo...

JavierB · #4 (**permalink**) 22/10/2005, 07:35

Hola de nuevo.

Echa un vistazo a este código:

Código PHP:

  <script type="text/javascript">
function cambia(obj,cla) {
  document.getElementById(obj).className = cla;
}
</script>
</head>
<body>
<table>
<tr>
<td id="t1" class="row1" onmouseover="cambia('t2','row1'); this.innerHTML='rehola'"
  onmouseout="cambia('t2','row2'); this.innerHTML='hola'">hola</td>
<td id="t2" class="row2" onmouseover="cambia('t1','row2'); this.innerHTML='hola'"
  onmouseout="cambia('t1','row1'); this.innerHTML='rehola'">rehola</td>
</tr>
</table>

Saludos,

Yugioh123 · #5 (**permalink**) 22/10/2005, 07:56

Ahora mismo venia a decir que he encontrado la forma de cambiar cuando te pones a sobre de uno el del otro, con document.getElementById('prueba').className='row2' y poniendo la ID prueba, lo he visto aki:

http://developer.apple.com/internet/...nt/dom2ii.html

Yugioh123 · #6 (**permalink**) 22/10/2005, 08:00

Una pregunta. InnerHTML cambia el texto de enmedio de la tag, no???

JavierB · #7 (**permalink**) 22/10/2005, 09:06

Si, justamente eso es lo que hace.