Copia al volo del mio campo input?

[Aran]

Ciao a tutti!

Esiste la possibilità tramite javascipt di far in modo che se sto scrivendo dentro ad un input test, il testo scrivo se veda apparire anche in un div o in un altro campo di testo di fianco?

Cioè come vedere un "ghost" di quello che sto scrivendo in un'area fuori dall'input text in cui sono?

spero di essere stato chiaro

So che una volta ho visto na cosa del gener però non l'ho più trovata!

grazie in anticipo

[Xinod]

<input type="text" onchange="document.getElementById('preview').inner HTML=this.value" />
<div id="preview"></div>
ciao

[pierofix]

Forse più che l'evento onchange non andrebbe meglio onkeyup?

[Aran]

Ciao Xinod!

Hmm, quasi l'esempio che avevo visto però lo faceva mentre scrivevo, quindi lo vedevo subito il testo nel div, e non quando uscivo dal cmpo di testo...è possibile?

[pierofix]

Originariamente inviato da pierofix
Forse più che l'evento onchange non andrebbe meglio onkeyup?

[Aran]

Originariamente inviato da pierofix
Forse più che l'evento onchange non andrebbe meglio onkeyup?

mitici!

grazie mille era porpio quello che cercavo!!

Grazie ad entrambi per l'aiuto!

[Xinod]

ops, certamente

[Aran]

E la stessa cosa si potrebbe fare mettendolo dentro ad un altro campo di input anzichè un div?

[pierofix]

Per andare via puliti:

XHTML

<input id="uno" name="uno" />
<input id="due" name="due" />


Javascript

window.onload = function()
{
   var uno = document.getElementById('uno')
   var due = document.getElementById('due')

   uno.onkeyup = function()
   {
      due.setAttribute('value') = this.value
   }
}

[andr3a]

Originariamente inviato da pierofix
Per andare via puliti:

... onkeyup è accettato dal w3, o sbaglio ?

Originariamente inviato da pierofix

window.onload = function()
{
   var uno = document.getElementById('uno')
   var due = document.getElementById('due')

   uno.onkeyup = function()
   {
      due.setAttribute('value') = this.value
   }
}

pulito il markup, sporco e non lineare il codice JS


uno.onkeyup ... se scrivi esterno esiste uno.addEventListener o uno.attachEvent ... oppure lo metti direttamente nel campo, richiamando una funzione.

Idem per il pezzo sotto, usi setAttribute ma prendi il valore in modo diretto e non tramite getAttribute, e su piero

JavaScript (facile facile)

function reply(id, value){
	document.getElementById(id).value = value;
};

XHTML

<input id="uno" name="uno" onkeyup="reply('due', this.value)" />
<input id="due" name="due" />

P.S. piero era solo per dare un'altro spunto senza usare l'onload