Cambiar color de cierto rango de celdas

Berletzis · #1 (**permalink**) 21/06/2004, 16:57

Ke pex..

Tengo n opciones las cuales hacen referencia cada una a X celdas diferentes de un tabla.

Lo ke deseo es que al darle click en la palabra de referencia le cambie el color a ese numero x de celdas. ¿Como puedo hacer esto. GRACIAS?

SUpongo esta sencillo.. Cualkeri cosa mañana nos vemos byke..

PatomaS · #2 (**permalink**) 22/06/2004, 07:49

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

Berletzis · #3 (**permalink**) 22/06/2004, 09:35

Oye men esta perfecto tu codigo pero una pekeña preguntita haber si te la sabes.

Tenemos de dos, que pasa si tengo varios y lo ke deseo es ke cuando oprima uno se kite el color del otro porke si no se van a kedar todos con los colores y pues seria mas trabajoso encontrar info..

OTRA Y MAS IMPOORTANTE Y SERIA MAS DE UTILIDAD eske en cierto lapso de tiempo se kiete automaticamente el color que habiamos seleccionado se PODRA?

CAMRA noes estamos viendo y leugo te pongo el dcodigo de lo ke estoy haciendo haber ke tal.. bye

lemope · #4 (**permalink**) 11/04/2005, 15:32

Hola Berletzis y PatomaS como estan, saben tengo una duda, no es dificil para ustedes. Espero me puedan ayudar.

Tengo este codigo:

Código:

<%
Response.Write("<td width='90' bgcolor='#FFFFFF' width='90' bgcolor='#FFFFFF' onmouseover='sobre (this,'#999999');' onmouseout='fuera (this,'#666666');' class='TDtext'><table width='29' border='0' cellpadding='0' cellspacing='0' bgcolor='#FFFFFF'><div align='center'><p class='text2'><a href='detalle.asp?folio=" & rs.Fields("folio")& "'>"& rs.fields("folio") &"</a></p></div></table></td>")
%>

<script language="JavaScript"> 
<!-- 
function sobre (src, color_sobre ) { 
if (!src.contains(event.fromElement)) { 
src.style.cursor = "default"; 
src.bgColor = color_sobre ; 
src.FontColor=" ff0000 "; 
} 
} 
function fuera (src, color_fuera ) { 
if (!src.contains(event.toElement)) { 
src.style.cursor = "default"; 
src.bgColor = color_fuera ; 
} 
} 

//--> 
</script>

pero al correr la aplicacion me manda error es javascript... saben ustedes porque..

Gracias..