Categorías destacadas
programacion php    
Lista de foros

Condicional en html


Jesus Manuel
20 de Diciembre del 2008

Hola
mi cuestion es la siguiente: Al mostrar una pagina en html donde tengo una tabla con dos columnas, dependiendo del valor de la primera columna quiero que el color de la fila sea rojo o azul, como puedo hacerlo?

Muchas gracias


Andres
20 de Diciembre del 2008

lo mas fácil es asignar un identificador a la celda que quieres modificar y usarlo para asignar el color; supongamos lo siguiente:

<table>
<tr><td>Colores</td><td id="c0"> </td></tr>
<tr><td>Colores</td><td id="c1"> </td></tr>
</table>

como ves cada celda \\'coloreable\\' tiene un identificador propio (diferente ademas de cualquier otro elemento del documento). ahora para cada seleccion puedes usar una misma funcion a la que envias el nuevo color y el identificador de la celda que quieres modificar; p.ej. la lista de colores sería un select con el manejador \\'change\\' que llamará a una funcion \\'A()\\':

<select onChange="A(this.value,\\'c0\\');">
<option value="#ff0000">r</option>
<option value="#00ff00">g</option>
<option value="#0000ff">b</option>
</select>

este select iría en la primera columna de la primera fila, porque quiero que modifique la celda \\'c0\\' (la segunda columna de la primera fila). para la siguiente enviaría el identificador \\'c1\\', y así sucesivamente. ahora la funcion \\'A()\\' simplemente tiene que aplicar el color de fondo mediante estilos:

function A(c,i)
{
var l=document.getElementById(i);
l.style.backgroundColor=l.innerHTML=c;
}

en este caso cambia el color de fondo y lo muestra como texto.

esto es cortesia de:

jbosch(vosk) en web estilo foros

 
BBDD
Entornos de desarrollo
Entretenimiento
Herramientas
Internet
Lenguajes de script
Lenguajes imperativos
Lenguajes orientados a objeto
Otros lenguajes
Plataformas
Teoría
Varios
Copyright © 1998-2011 Programación en Castellano. Todos los derechos reservados
Datos legales | Politica de privacidad | Contacte con nosotros | Publicidad

Diseño web y desarrollo web. Un proyecto de los hermanos Carrero.

Red internet:
Juegos gratis | Servidores dedicados
Más internet: Password | Directorio de weblogs | Favicon