[Javascript] Impostare immagine sfondo da checkbox, sito web

azzurras18

Nuovo Utente
9 Set 2017
1
0
1
29
Buonasera, sono nuova del forum, per cui se dovessi sbagliare in qualcosa vi chiedo anticipatamente scusa.
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, con l'alert, ma non capisco dove sbaglio.
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="" />  
    
     <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=""/>

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

<script>
//controllo che almeno un'immagine sia stata selezionata
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>
 
Ultima modifica:
A parte che quelle che hai sono dei radio button e non delle cechbox, ma perché la rchiesta ajax a un url a una pagina html statica? Forse dico male io, ma se la pagina é statica come faccio ad elaborare i dati passati tramite post?
 

Discussioni simili