cambiar imagen de fondo de un div

[carolina3]

hola muy buenas alguien me podría pasar un manual o alguna pagina de referencia para poder cambiar el color o una imagen de fondo de un DIV mediante un formulario enviando los datos por método post o get para modificar así los DIV,

muchas gracias de antemano

[eits]

Código PHP:

//obtenemos el color o de lo contrario asignamos por default el blanco;
$colorDeFondo=(empty($_POST['color']))?'FFF':$_POST['color'];
 

luego en el div

Código HTML:

<div style="background-color='#<?php echo $colorDeFondo ?>'">imagen</div>
 

espero esto pueda darte una idea. saludos

[EduardoU24]

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.

[carolina3]

hola foreros,

Estoy intentando cambiar la imagen de un fondo de DIV, he leído que debería crear una base de dado para acceder a las imágenes, hasta aquí todo bien pero después como puedo crear en php para que el usuario pueda elegir la imagen y que se muestre en el fondo de un div

gracias de antemano.

[Patriarka]

y mostranos el codigo que hayas hecho linda!

te doy un ejemplo
tenes un formulario con un input para archivos y lo envia a procesa.php

Código PHP:

<input type="file" name="imagen" size="50">
<?php
//procesa.php
//guardo la imagen en el server
if ($_FILES['imagen']['size']!=0)  {
    $f=1; //lo podescambiar por el ID del usuario pàra que sea unica
    while ($f) {
        $nombre = './imagenes/'.$f.$_FILES['imagen']['name'];
        $nombre_imagen = $f.$_FILES['imagen']['name'];
        clearstatcache();
        if (file_exists($nombre)) //valido que la imagen no exista
            $f++;
        else
            $f=0;
    }
 
    if (is_uploaded_file ($_FILES['imagen']['tmp_name']))   {
        copy($_FILES['imagen']['tmp_name'], $nombre);
        $nombre_path = $nombre;
    }
}
//luego la inserto en lña DB
$sql  = " INSERT INTO usuarios (idusuario, nombre,IMAGEN) VALUES ('CAROLINA', 'TE_AMO', '$nombre');";
$res = mysql_query($sql);
?>
 

[carolina3]

Patriarka gracias voy a ver el código a ver como lo puedo adaptar si supieras la de veces que me has salvado jajaja muchas gracias

[tomark4]

subes ala imagen a tu carpeta de imagenes donde las guardaras y despues puedes hacer algo como esto.

Código PHP:

<?php
$imagen = "imagenes/imagen1.jpg";
$fondo = "background:url(".$imagen.")";
?>
 

donde la imagen sera la ruta que tu tengas;
}

Código HTML:

<div style="width:800px;height:600px;<?php echo $fondo;?>">hola</div>
 

[carolina3]

Una cosa mis imágenes están en la base de datos por lo tanto debería poder mostrarlas y después elegir la que quiero poner de fondo con un clic o alguna cosa parecida creo que esto no es correcto mmm me estoy perdiendo.

[tomark4]

bueno haces tu consulta

Código PHP:

$sql = "select imagen from mitabla where parametros";
$rs = mysql_query($sql) or die(mysql_error());
while($row=mysql_fetch_array($rs)){
echo <a href='cambiar_imagen.php?imagen=$row[imagen]'><img src='imagenes/$row[0]></a>'
}
 

la pagina que procesa el link sera donde tengas el div que quieres cambiarle la imagen. algo asi mas o menos es lo que necesitas

[Patriarka]

Caro (con cariño) mostrame lo que hayas hecho hasta ahora asi lo terminamos