Cambiar fondo celda de una tabla con javascript

shoto_reaper · #1 (**permalink**) 12/10/2010, 09:01

Tengo este codigo pero por desgracia no funciona:

Código:

<html>
	<script>
		function cambia(){
			celda1.style.background="images/button2.jpg"
			
			return true
		}
		
	</script>
	<center><body bgcolor=black>
		<table border=2 bgcolor=white height=45 width=1200>
			<tr>
				<td id="celda1" width=100 background="images/button.jpg" >
					<center><A HREF="lista360.html" target=indice onclick="cambia()"><b>Xbox 360</b></A></center>
					
				</td>
</body>
</html>

¿Alguna idea de porque no me carga el fondo "Button2"?

_cronos2 · #2 (**permalink**) 12/10/2010, 09:38

Esque si te fijas lo que está mal es el "CSS" . Osea, tú tienes:

Código Javascript:

Ver originalfunction cambia(){
            celda1.style.background="images/button2.jpg"
            
            return true
        }

Cuando sería

Código Javascript:

Ver originalfunction cambia(){
            celda1.style.background="url(images/button2.jpg)";
            
            return true;
        }

De todas formas, no tendrías que usar return true sino false, porque si devuelves true te llevará a lista360.html, mientras que si pones return false se quedará en la página.
Saludos (:

shoto_reaper · #3 (**permalink**) 12/10/2010, 10:55

Tema solucionado.Muchas gracias

nemesis866 · #4 (**permalink**) 12/10/2010, 22:55

muy bien, no conocen como hacer lo mismo pero para seleccionar una fila en lugar de una celda?

Saludos

_cronos2 · #5 (**permalink**) 13/10/2010, 07:06

En vez de coger el id de la celda usa el de la fila.

gumer · #6 (**permalink**) 13/10/2010, 07:22

Disculpen la IPNORANCIA... y en caso de ser un columna... ?¿

IsaBelM · #7 (**permalink**) 13/10/2010, 07:35

usa getElementsByTagName. esto te crea una colección. con un ciclo la recorres. el resto ya está dicho