Bueno primero debes tener el div con un estilo CSS:
Código HTML:
<div style=""></div>
Luego debes saber lo que es el [URL="http://www.w3schools.com/css/"]CSS[/URL] y lo que significa usar style.
Lo que usaremos de CSS es background dentro de style, ya que todas los estilos de css son "universales", podemos usarlo en un div:
Código HTML:
<div style="background: black"></div>
Luego, para hacer esto "dinámico" necesitamos php o javascript, tu quieres php por lo que diré como en php.
Primero, debes hacer un formulario:
Código HTML:
<form action="LinkDelArchivo.php" method="get">
Color:
<select name="color">
<option value="1">Negro</option>
<option value="2">Rojo</option>
<option value="3">Verde</option>
</select>
<input type="submit" name="enviar" value="Enviar" />
</form>
Este formulario crea un "combobox" con las opciones negro, rojo y verde de valores 1,2 y 3 respectivamente.
- Porque lo hacemos con 1, 2 y 3? simplemente para tener un orden numérico que usaremos en php luego
Luego vemos que el formulario va a "LinkDelArchivo.php" lo que hace es que al apretar "enviar" tomara los datos de todos la interface del usuario que tenga dentro, en este caso los select y el boton submit. Estos datos los enviara por el metodo GET, puesto en method="get", puedes cambiarlo a Post sera exactamente lo mismo.
Lo PHP:
Código PHP:
<?php
$get = $_GET['color'];
switch ($get) {
case 1:
$colordiv = '#000';
break;
case 2:
$colordiv = 'red';
break;
case 3:
$colordiv = '#00FF00';
break;
}
?>
Luego volvemos al codigo donde estaba el DIV, y ponemos la variable que hicimos
Antes:
Código HTML:
<div style="background: black"></div>
Despues:
Código HTML:
<div style="background: <?php echo $colordiv; ?>"></div>
---
Todo esto se puede simplificar al hecho de que estamos tomando la variable por GET, por lo que no necesitamos realmente el formulario y podríamos tomar el codigo php y pegarlo en el archivo directamente, obviar el formulario y entrar a la web mediante archivo.php?color=X donde X es el numero del color.
Solo seria necesario el formulario si el method fuera POST.
Resumen:
Con esto "aprendimos":
- Como hacer un formulario.
- Como como tomar una variable por GET
- Como usar Switch en php.
Espero que sea de ayuda, saludos.