[Javascript] Impostare immagine sfondo da checkbox, sito web

Discussione in 'Javascript' iniziata da azzurras18, 9 Settembre 2017.

  1. azzurras18

    azzurras18 Nuovo Utente

    Registrato:
    9 Settembre 2017
    Messaggi:
    1
    Mi Piace Ricevuti:
    0
    Punteggio:
    1
    Sesso:
    Femmina
    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: 9 Settembre 2017
  2. Sevenjeak

    Sevenjeak Utente Attivo

    Registrato:
    27 Novembre 2012
    Messaggi:
    77
    Mi Piace Ricevuti:
    2
    Punteggio:
    8
    Sesso:
    Maschio
    Home Page:
    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?
     
Sto caricando...

Condividi questa Pagina