Modificare attributo float di un immagine tramite checkbox o select

[Oliver79]

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]

Ecco un esempio con javascript:

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

<input id="cambiaImgFloat" type="checkbox" name="cambiaImgFloat" />
<img id="miaImmagine" src="img/image.png" alt="immagine" />

 

[Oliver79]

Reply

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

 

[LorenzoPi]

non c'è di che