moltiplicazione real-time su cambio valore di un <input type="text"

18-09-2007, 16.02.59

Ciao a tutti,
come da titolo:
Ho due <input type="text" , il primo è il "master", ed è quello che comanda il secondo, che invece è read-only.
Vorrei fare in modo che appena modifico il valore del primo input, mi cambi in real-time il valore del secondo, senza dover premere invio o cliccare da qualche parte dopo aver scritto la cifra sul primo input.
Per esempio...il secondo input moltiplica per 10 il valore scritto sul primo. L'utente vuole scrivere 149 sul primo input, e preme 1-4-9 sulla tastiera. Appena preme 1, il valore del secondo input deve andare in automatico a 10. Appena preme il 4, il valore del secondo deve andare in automatico a 140. Appena preme il 9, il valore del secondo deve andare in automatico a 1490...
Si può fare, giusto?
Grazie anticipatamente

18-09-2007, 16.10.06

Codice HTML:

function moltiplica(){
campo1=document.ilform.campo1; // campo di inserimento
campo2=document.ilform.campo2; // campo risultato (readonly)
campo2.value=campo1.value*10;
}

Al campo di inserimento applichi la funzione:

<input type="text" onchange="moltiplica()" />

Ciaoooo!!!!!

18-09-2007, 16.47.52

Codice:

<html>

<head>
<script>
function moltiplica(){
campo1=document.prova.master; // campo di inserimento
campo2=document.prova.slave; // campo risultato (readonly)
campo2.value=campo1.value*10;
}
</script>
</head>

<body>
<form name="prova" id="prova">
	<input type="text" name="master" id="master" onchange="moltiplica()">
	<input type="text" name="slave" id="slave" readonly="true">
</form>
</form>
</body>

</html>

Non va, non lo fa in realtime...
Devo cliccare sulla pagina x fargli cambiare valore...

18-09-2007, 16.55.57

Sostituisci onchange con onkeyup

Ciaooo!!!

Discussione: moltiplicazione real-time su cambio valore di un <input type="text"

LinkBack

Strumenti discussione

Display

moltiplicazione real-time su cambio valore di un <input type="text"

Regole di scrittura