Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it L'avatar di barney09
    Registrato dal
    Dec 2000
    Messaggi
    1,296

    [javascript] anteprima di campo testo

    Ciao a tutti,

    ho una form con un campo text, vorrei che quello che viene digitato dall'utente nel campo apparisse in tempo reale come testo a fianco del campo. Una sorta di anteprima.

    questo è quello che sono riuscito a fare, solo che anzichè scrivermelo a fianco mi genera una nuova pagina con quel che ho scritto.

    potete darmi qualche dritta? si riesce a fare con il javascript o serve il dhtml?

    codice:
    <HTML>
    <BODY>
    
    <FORM NAME="prova">
    <INPUT TYPE="text" NAME="titolo" SIZE=30 onkeyup="aggiorna()">
    
    
    </FORM>
    
    <SCRIPT>
    function aggiorna ()
    {
    	var t = document.prova;
    	document.write(t.titolo.value);
    }
    </SCRIPT>
    
    
    </body>
    </html>

  2. #2
    Utente di HTML.it L'avatar di barney09
    Registrato dal
    Dec 2000
    Messaggi
    1,296
    grazie lo stesso...

    risolto...



    codice:
    <HTML>
    <BODY>
    
    <FORM NAME="prova">
    <INPUT TYPE="text" NAME="titolo" SIZE=30 onkeyup="aggiorna()">
    
    
    </FORM>
    
    <SCRIPT>
    function aggiorna ()
    {
    	var t = document.prova;
    	document.all.esito.innerHTML = (t.titolo.value);
    }
    </SCRIPT>
    <p id="esito"></p>
    
    </body>
    </html>

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    document.all puo` funzionare in qualche browser sfigato (leggi IE), ma non va bene per internet!!

    Devi usare:
    document.getElementById('esito').innerHTML = t.titolo.value;

    Oppure, piu` contratto (e con notazione piu` corretta):
    <input type="text" id="titolo" size="30" onkeyup="document.getElementById('esito').innerHTM L = this.value;">
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.