Cambiar background de div en css al pulsar botón

[jsusarevalo]

Iniciado por javioreto

Ahora me tendrías que decir donde esta el div que debe cambiar de fondo:

la clave esta en la variable:

Código PHP:

$newfilename
 

Lo único que deberías hacer es pasar esa variable al archivo donde la vayas a mostrar, por ejemplo:

1. Una vez subida y estando en la pag donde te dice ok o error en la subida puedes volver a la pag anterior y le pasas la variable así:

Código PHP:

header('Location: web_anterior.php?img='.$newfilename);
 

2. Ahora desde la web donde se va a mostrar recoges la variable:

Código HTML:

<div style="background-image:url( <?php echo "upload/" . $_request[img]; ?>);" > 
div de fondo con la imagen 
</div>"
 

Si no te queda claro o no me he enterado bien de lo que quieres me comentas.

Hola javioreto. Muchas gracias.

El div que debe cambiar el fondo es el siguiente:

Código HTML:

<div style="float:left;" id="seccion-elevador">
        
        <script type="text/javascript">
        var totalSillas=0;
$("#botonSilla").click(function(){
    $("#seccion-elevador").append("<div id='silla"+totalSillas+"' class='silla'><div class='sCerrar'>X</div></div>");
    $("#silla"+totalSillas).resizable().draggable({ containment: "#seccion-elevador", scroll: false });
    totalSillas++;
    
    $(".sCerrar").click(function(){
        $(this).parent().remove();
    });
});
		</script>
       
      </div> 

Como podrás observar, el fondo está establecido en el CSS, por lo que habrá que cambiarlo ahí.

Código HTML:

#seccion-elevador {
    background: url("http://eni-lift.es/images/salon.jpg") no-repeat scroll 0 0 #FFFFFF;
    height: 500px;
    margin: 0;
    width: 700px;
	position:relative;
}
#seccion-elevador .silla {
    border: 1px dotted #000000;
    width: 100px;
    height: 290px;
    top: 20px;
    left: 220px;
    position: absolute;
    background: url("http://eni-lift.es/images/elevador.png") no-repeat scroll 0 0 transparent;
    background-size:100%;
    cursor: move;
}
#seccion-elevador .silla .sCerrar {
    float: right;
    cursor: pointer;
    font-weight:bold;
    font-size: 10px;
    padding: 3px;
}

No me queda muy claro el método que has comentado. Dónde tendría que poner el código para ir a la página anterior? En un principio quiero que todo se realice en la misma página, pero si hay otra forma más sencilla no me importa cambiarlo.

Gracias por tu ayuda.