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!!
 
Discussioni simili
Autore Titolo Forum Risposte Data
Shyson Modificare codice e creare link PHP 0
J Modificare panorami 360 ps 2020 Photoshop 0
napuleone modificare il contenitore di un div Javascript 2
napuleone modificare il contenitore di un div Javascript 1
D modificare questo codice per inserimento in text e non in tabella jQuery 1
C modificare sito in locale con dreamWeaver HTML e CSS 3
T Modificare ruolo utenti in fase di registrazione E-Commerce 0
M modificare un file .XML da database Sql PHP 13
S Modificare intestazione documento pdf con LO Draw Linux e Software 0
felino Radio button e Bootstrap: modificare il colore di default! HTML e CSS 1
Shyson Modificare funzione php PHP 15
W Modificare il Type di un Input box in javascript ovunque si trovi Javascript 0
F Modificare report di etichette di access con vba MS Access 0
D [PHP] Tabella: modificare direttamente i valori PHP 6
P [Woocommerce] Modificare il Bottone Checkout di Woocommerce in base alla categoria di prodotto E-Commerce 10
Q impossibile modificare un file ....... C/C++ 2
C [HTML] modificare la scritta della copyright HTML e CSS 2
G [PHP] MODIFICARE DATI TABELLA CONTESTUALMENTE PHP 6
Y [PHP] [HTML] Modificare i quadranti PHP 1
A [PHP] Modificare campo database in base alla scelta dell'utente PHP 2
W Non riesco più a modificare i dati di una tabella da phpmyadmin MySQL 0
V [WordPress] Come modificare link in tasto menu css WordPress 21
Y Modificare script php PHP 5
G Fullcalendar: modificare colore testo, backgroup e bordi per tutti gli eventi jQuery 3
paloppa Bootstrap.min.css modificare il file HTML e CSS 6
Merlina3377 [PHP] modificare file su form immagine thump PHP 1
G [HTML] Modificare ordine dei div in mobile responsive HTML e CSS 5
pfranco [PHP] Modificare pagina web online PHP 9
Shyson Modificare codice jQuery 0
A [Javascript] modificare il contenuto della barra indirizzi di un browser Javascript 1
asevenx modificare lista elementi togliendo l'elemento selezionato jQuery 1
Kolop "Modificare HTML" HTML e CSS 13
K [ASP.Net] Utilizzare e modificare dati linq ASP.NET 0
G Modificare navbar in base allo scroll jQuery 6
R [Photoshop] Modificare luminosità dei bordi in una foto Photoshop 2
A come modificare gli elementi di una lista e gli editText? Sviluppo app per Android 0
A modificare .jar con classe personalizzata Java 9
Mer556 BLOCCATO nel modificare un sito HTML e CSS 3
T modificare un template html5 HTML e CSS 6
B Modificare sorgente di pagina HTML e CSS 10
napuleone Modificare attributi di una classe con js Javascript 2
C modificare un rss con php PHP 2
L Modificare dati tabella mysql PHP 2
P modificare mappa sito Javascript 0
P modificare mappa sito Javascript 0
X come modificare paginazione del tutorial PHP 0
A modificare posizione plug in almeno credo WordPress 3
R Modificare html in modo dinamico PHP 3
A Modificare un template html5 Webdesign e Grafica 1
A pop up come modificare il posizionamento e il tempo HTML e CSS 3

Discussioni simili