Javascript Impostare immagine sfondo, sito web - JavaScript

Stato
Discussione chiusa ad ulteriori risposte.

azzurras18

Utente Bronze
9 Settembre 2017
1
1
0
24
Buongiorno, ho iniziato da poco a studiare JavaScript, per cui mi scuso se il mio problema a molti possa sembrare banale.
Ho la Home del sito web in cui vi è un'immagine di sfondo (si tratta di una piantina della casa), ma l'utente ha la possibilità di scegliere attraverso una checkbox, un'altra immagine e impostarla come sfondo, il mio problema è esattamente questo, non riesco a impostare l'immagine cliccata dall'utente come sfondo, la chiamata ajax mi ritorna un errore
Vi riporto di seguito il mio codice, se qualcuno potesse aiutarmi gli sarei infinitamente grata.

Codice:
     <label  for="immagine1"></label>
      <input type="radio" name="scelto" id="selezionato" value="immagine1" style="height:130">
      <img id="immagine1" class="example-image" src="lightbox/images/miniatura_1.jpg" alt="" ></a>   
      
     <label  for="immagine2"></label>
     <input type="radio" name="scelto" id="selezionato" value="immagine2" style="height:130">
    <img id="immagine2" class="example-image" src="lightbox/images/miniatura_2.jpg" alt=""></a>

<input type="button" style="width:120px; height:40px;" name="Apllica" id="Applica" value="Applica" onclick="controlla()" />

<script> 
//controllo che almeno un'immagine si stata selezionta
function controlla(){
    var valid=false;
    var radios=document.getElementsByName('scelto');
    for(var i=0; i<radios.length; i++){ 
              if(radios[i].checked){
                  var immagine_selezionata= radios[i].value;
                  chiamata(immagine_selezionata);
                  valid=true;
            }
     }
    if(!valid){
        alert('Seleziona una piantina!');
    }
}

function chiamata(immagine_selezionata){
    $.ajax({
        type: "post",
        url: "index.html",
        data: {'immagine_selezionata': immagine_selezionata},   
        dataType: "html",
        success: function(){
                alert("Operazione effettuata con successo");                                   
        },
        error: function(){
            alert("Chiamata fallita!");
        }
    })
}   
       
</script>
 
Se vuoi cambiare un'immagine, puoi impostarla come sfondo di un div e quindi cambiare la proprietà del tag oppure del css ( dipende da come imposti lo sfondo ).
 
Se vuoi cambiare un'immagine, puoi impostarla come sfondo di un div e quindi cambiare la proprietà del tag oppure del css ( dipende da come imposti lo sfondo ).

Si esatto ma per maggiori consigli sarebbe meglio che tu postassi il link del sito web così da poter studiare il (mancato) funzionamento dello script
 
Stato
Discussione chiusa ad ulteriori risposte.