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.
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: