Ver Mensaje Individual
  #2 (permalink)  
Antiguo 22/06/2004, 07:49
Avatar de PatomaS
PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 20 años, 2 meses
Puntos: 63
Hola

a ver, para poder cambiar el color de fondo a unas celdas, podrías utilizar esto:

Código:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<style type="text/css">
	.mi_color {
		background: #f0f0f0;
	}
	</style>
	<script type="text/javascript">
	<!--
	function cambiar_color_celdas() {
		for (n = 1; n <= 2; n++) {
		variable = 'celda'+n;
		document.getElementById(variable).style.background = "#ff00ff";
		}
	}
	//-->
	</script>
<title>algo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>

<table width="100%" border="1" cellspacing="0" cellpadding="0">
     <tr>
          <td class="mi_color" id="celda1">&nbsp;</td>
          <td>&nbsp;</td>
     </tr>
     <tr>
          <td>&nbsp;</td>
          <td class="mi_color" id="celda2">&nbsp;</td>
     </tr>
</table>

<p><a href="javascript:cambiar_color_celdas()">clic aquí para cambiar el color de fondo de las celdas</a></p>
</body>
</html>
Lo que te paso, es una página xhtml 1.0 estricto que cambiar el color de las celdas que desees.

Como ves, a las celdas a las que les aplico el primer color, les asigno una clase, definida en la cabecera de la página. Esas mismas celdas tienen un id que permite identificarlas.

Luego, la función de JavaScript busca esas celdas en el documento cambiando el color.

Ten en cuenta cuando adaptes el código a tus necesidades, que el for no puede generar valores que no existan, por ejemplo si tratas de cambiar el color a 'celda0', fallará y no cambiará el color a ninguna.

Felicidad
__________________
¡ hey, hou, hou, hey !