JavaScript - colorear una celda de una tabla

   
Vista:

colorear una celda de una tabla

Publicado por diego elpyty72@live.com (11 intervenciones) el 07/05/2014 18:54:39
Perdona por mi ignorancia primero,
Necesito crear una tabla donde aparezcan las temperaturas de la semana.
Se pregunta por pantalla las temperaturas de la semana, hasta aqui sin problemas, se crea una tabla con las temperaturas.
Pero en la segunda parte del ejercicio hay que colorear una celda con la temperatura máxima de la semana, la temperatura máxima se calcularla pero no sé como hacer que aparezca coloreada la celda correspondiente al día de la semana.
Gracias de antemano.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

colorear una celda de una tabla

Publicado por xve (1595 intervenciones) el 07/05/2014 22:06:23
Hola Diego, eso dependerá de como lo tengas montado, y de como muestres los valores, pero en principio yo lo haria poniendo una clase de css concreta a la celda en cuestión...

nos puedes mostrar tu código para indicarte con mas exactitud?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

colorear una celda de una tabla

Publicado por diego (11 intervenciones) el 08/05/2014 16:26:00
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>hola mundo</title
><script type="text/javascript">
var yo = new Array( "lunes", "martes", "miercoles", "jueves");
 
 
document.write("<b>Temperaturas de la semana</b><br><br>");
document.write ("<table border='8'><tr bgcolor='orange'><tr><td>lunes </td><td>martes</td> <td>miercoles</><td>jueves</td></tr>");
 for (i=0; i<4; i++){
 
 yo [i] = prompt ("introduce temp de la semana");
 
 {document.write("<td>"+ yo[i]+" </td>");}
 
 }
 document.write("</table>");
max = Math.max.apply(null, yo);
document.write("la temperatura maxima es" + max);
</script>
</head>
 
<body>
 
 
</body>
</html>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

colorear una celda de una tabla

Publicado por GDP ikani_93@hotmail.com (20 intervenciones) el 08/05/2014 11:08:45
Si te he entendido bien, yo lo que haria es guardar las temperaturas introducidas por el usuario en diferentes variables. Y luego mediante if compararlas. Finalmente hacer algo como:

1
document.getElementById("#id").style.backgroundcolor= "#color";

Si no te aclaras dime :)
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

colorear una celda de una tabla

Publicado por diego (11 intervenciones) el 08/05/2014 16:26:47
te envio el codigo:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>hola mundo</title
><script type="text/javascript">
var yo = new Array( "lunes", "martes", "miercoles", "jueves");
 
 
document.write("<b>Temperaturas de la semana</b><br><br>");
document.write ("<table border='8'><tr bgcolor='orange'><tr><td>lunes </td><td>martes</td> <td>miercoles</><td>jueves</td></tr>");
 for (i=0; i<4; i++){
 
 yo [i] = prompt ("introduce temp de la semana");
 
 {document.write("<td>"+ yo[i]+" </td>");}
 
 }
 document.write("</table>");
max = Math.max.apply(null, yo);
document.write("la temperatura maxima es" + max);
</script>
</head>
 
<body>
 
 
</body>
</html>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

colorear una celda de una tabla

Publicado por GDP ikani_93@hotmail.com (20 intervenciones) el 09/05/2014 15:04:10
Mira a ver si te gusta asi :)

Puedes verlo funcionando aqui: http://coatbridgeonline.net/GDP/information/temperatura.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>hola mundo</title >
	</head>
	<body>
		<b>Temperaturas de la semana</b><br><br>
 
		<table border='8'>
			<tr bgcolor='orange'><tr>
				<td>lunes </td>
				<td>martes</td>
				<td>miercoles</td>
			</tr>
			<tr>
				<td id="tmlunestd"><text id="tmlunes"></text></td>
				<td id="tmmartestd"><text id="tmmartes"></text></td>
				<td id="tmmiercolestd"><text id="tmmiercoles"></text></td>
			</tr>
		</table>
	</body>
</html>
 
<script type="text/javascript">
	var a;
	var b;
	var c;
	var tmpmax1;
 
	a = prompt ("Introduce temp del Lunes");
	b = prompt ("Introduce temp del Martes");
	c = prompt ("Introduce temp del Miercoles");
 
	document.getElementById("tmlunes").textContent= a;
	document.getElementById("tmmartes").textContent= b;
	document.getElementById("tmmiercoles").textContent= c;
 
	if (a>b && a>c){
	document.getElementById("tmlunestd").style.backgroundColor= "red";
	}
 
	if (b>a && b>c){
	document.getElementById("tmmartestd").style.backgroundColor= "red";
	}
 
	if (c>a && c>b){
	document.getElementById("tmmiercolestd").style.backgroundColor= "red";
	}
</script>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar

colorear una celda de una tabla

Publicado por diego (11 intervenciones) el 09/05/2014 17:08:08
muchas gracias, de veras,
INtuía por donde iba la cosa pero me falta base.
gracias.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar