iluminar tabla con input

[kaninox]

Hola muchachos he me gustaría saber si se puede al hacer click en un input o select o cualquier campo y que me ilumine o pinte la tabla en la que esta y al salir esta vuelva a como estaba, lo vi por hay pero lo raro es que no ocupaba ni onclick ni onmouseover en el campo

Saludos.

[maycolalvarez]

en realidad se usarían onfocus y onblur, y no es nada raro que no se asignen directamente a los atributos en el html ya que desde el head puede hacerse una vez cargado el DOM

[cloudandviator]

Código CSS:

<style type="text/css">
            input:focus{
                background: #2e7db2;
                color: #ffb73d;
            }
        </style>
 

[cloudandviator]

Hola, mira la opción sin javascript solo css

Código CSS:

<style type="text/css">
            input:focus{
                background: #2e7db2;
                color: #ffb73d;
            }
</style>
 

[kaninox]

eso lo se hacer cloudandviator hay me estas iluminando la caja de texto, se agradece de todas formas pero lo que yo quiero iluminar la tabla que la contiene.

por ejemplo no se.

Código HTML:

<table>
<tr>
<td>
<input type="text" name="algo" onfocus="iluminar_tabla();" />
</td>
</tr>
</table>
 

supongo seran onfocus pero como dije cuando lo vi no salia niuna propiedad puede que sea con DOM como dice maycolalvarez pero no logro dar con el link X)

Saludos.

[_cronos2]

Código HTML:

<input type='text' onfocus='this.parentNode.style.backgroundColor = "#F00";' />
 

Saludos (: