riflettere valore di campo input range in live

steve97

Utente Attivo
30 Mar 2017
53
0
6
vorrei che quando vado a spostare col mouse con il click sinistro la rotellina del input venisse automaticamente riflettuto i cambiamenti, al momento sono riuscito solo a riflettere il valore dopo che rilascio la rotellina con questo codice
HTML:
<style>
body{background-color: orange;}
input[type="range"]{display:block;}
div#product {margin-top:10em; margin-left:10em; width:250px; /*transform:rotate(-90deg);*/}
</style>
<input type="text" id="text">
<button onclick="rot()">rotate text</button>
<div id="product"></div>
<input type="range" id="upvolume" name="volume"
min="0" max="360" value="0" onmousedown="console.log(this.value)">
<input type="range" id="downvolume" name="volume" onmouseup="rot()"
min="0" max="360" value="360">
<script>
prod = document.getElementById("product");
    function rot(){
       text = document.getElementById('text').value;
       //console.log(text);
       prod.innerText = text;
       up = document.querySelector("#upvolume").value;
       down = document.querySelector("#downvolume").value;
       console.log(down);
       if(up == "0") {
       prod.style.transform = 'rotate(-'+down+'deg)';
       }
       if(down == "360") {
       prod.style.transform = 'rotate('+up+'"deg")';
       }
       console.log(document.querySelector("#upvolume").value);
       console.log(document.querySelector("#downvolume").value);

    }
prod.addEventListener("change", function(){alert("ok");})
</script>
 
Discussioni simili
Autore Titolo Forum Risposte Data
G Valore del campo id maggiore di 9999 MySQL 0
M Leggere in un report il valore di una casella combinata di una maschera Database 0
otto9due Leggere valore da array multidimensionale a chiavi dinamiche PHP 1
S passare un valore da un form a un file .php con metodo post PHP 4
L Ripetere Campi disabilitando input in riferimento ad un valore della select jQuery 0
C ACCESS Aprire maschera se valore non presente in una combo MS Access 7
R valore value di un id da passare in chiamata ajax Ajax 3
napuleone modificare il valore dellascroll bar di webkit HTML e CSS 8
R Aprire maschera con Openform filtrando un campo testuale con un valore recuperato da un'altra maschera MS Access 10
D Visualizzazione pagina basata sul valore di un campo del database PHP 2
D controllare valore in tabella mysql PHP 0
M Estrarre valore con SELECT COUNT PHP 0
A passara valore name da .autocomplate Javascript 2
D riempire campo inserendo un valore in un altro campo PHP 2
R aggiornamento valore db in base all'orario PHP 1
W Mandare a capo valore di SQL Classic ASP 2
W fare la somma di un valore estratto da un ciclo while Classic ASP 0
L Ricerca valore mysql e incremento PHP 73
L pdo (stampare un valore con ritorno a funzione) PHP 0
M Problema assegnazione valore PHP 2
M Recuperare valore PHP 5
G [Javascript] Passare un valore via querystring Javascript 1
B [PHP] Valore variabile non riconosciuto PHP 1
S [ASP] SALVARE VALORE SELECT OPTION SU CAMPO TABELLA ACCESS Classic ASP 9
giusebos [PHP] radiobutton: disattivare specifico valore PHP 11
N [PHP] Estrarre singolo valore da array PHP 4
T MYSQL: valore più frequente ma con difficoltà in più... PHP 1
S aggiornare valore di un elemento xml con php PHP 8
D [PHP] Confronto valore negativo PHP 4
G [ASP] Incrementare un valore on the fly su selezione select Classic ASP 3
M [PHP] valore dentro uno shortcode PHP 0
BottyE Valore da javascript a php Javascript 2
M [PHP] valore tabella in campo form PHP 1
M valore tabella in campo form Presentati al Forum 1
V [PHP] Variabile modificata in un if non mantiene quel valore PHP 5
B [PHP] passare valore ad un form su un'altra pagina PHP 4
M [Javascript] [HTML] come aumentare il valore di una progress bar quando si preme un bottone Javascript 1
M [Visual Basic] Cercare un file pdf all'interno di una cartella attraverso il valore di una txtbox Visual Basic 1
paloppa [PHP] Dubbio valore variabile PHP 16
F [Javascript] select list concatenate - passare valore dalla prima alla seconda Javascript 7
V [Javascript] Passaggio valore da popup a pagina madre Javascript 5
danjde [MySQL] Escludere specifico valore dalla query select MySQL 3
M [Java] Cambio valore variabile ignorata Java 1
K [PHP] $_POST di un valore in un while PHP 10
A incrementare valore nel campo input jQuery 0
G [ACCESS2007]: contare li ultimi record con lo stesso valore in un campo, finchè il valore non cambia MS Access 2
G [PHP] ESTRARRE DA DB VALORE MASSIMO E MINIMO IN UN INTERVALLO IMPOSTABILE A PIACERE PHP 56
E [PHP] valore checkbox PHP 1
andreas88 Consiglio valore in euro di un Notebook usato Discussioni Varie 3
S recuperare il valore di un campo input cliccando sul relativo dato di una tabella jQuery 0

Discussioni simili