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
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
K [PHP] Passare valore select PHP 2
P Javascript o Jquery - recupero testo (oltre al valore) di una select Javascript 5
M Passaggio valore da una pagina PHP all'altra tramite ajax Ajax 1
giancadeejay [PHP] portare valore estratto in un INPUT in modo dinamico PHP 3
M [RISOLTO] jQuery non funziona... valore "undefined" jQuery 2
Trapano [MySQL] mostra solamente i campi con asterisco prima del valore MySQL 0
giancadeejay [PHP] Aggiornare un valore del database tramite form PHP 26
felino [ASP.Net] [VbScript] Catturare valore del Hard Faults (Page Fault) ASP.NET 0
coccobil [PHP] RISOLTO -Recupare valore data che soddisfa certi requisiti da array PHP 3

Discussioni simili