Modificare attributo float di un immagine tramite checkbox o select

Oliver79

Nuovo Utente
7 Feb 2014
11
0
0
Qualcuno può aiutarmi?? Mi sono perso in uno script!! Vorrei spostare un immagine a sinistra o destra modificando l'attributo "float" del css ,agendo direttamente da una checkbox o una select.
Posso avere un esempio?? Altrimenti posto lo script. Grazie
 

LorenzoPi

Utente Attivo
21 Gen 2014
98
0
0
Ecco un esempio con javascript:
Codice:
// In questo esempio uso l'id per selezionare sia l'immagine che la checkbox in questione

var idIMG = 'miaImmagine';  // Id dell'immagine

var idCheckbox = 'cambiaImgFloat'; // Id della checkbox

document.getElementById(idCheckbox).onchange = function(){

    // Se il checkbox viene selezionato allora metto float: left
    if(this.checked) document.getElementById(idIMG).style.float = 'left';

    // Se il checkbox viene deselezionato allora metto float: right
    if(!this.checked) document.getElementById(idIMG).style.float = 'right';

}
esempio di HTML:
HTML:
<input id="cambiaImgFloat" type="checkbox" name="cambiaImgFloat" />
<img id="miaImmagine" src="img/image.png" alt="immagine" />
 

Oliver79

Nuovo Utente
7 Feb 2014
11
0
0
Reply

Grazie per l'ottimo esempio... Sono riuscito a farlo in php, adesso vedrò quale fa x me!!