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