May 1
Avere una casella di testo rinfrescante automaticamente nella pagina Web in grado di informare in modo dinamico i visitatori del tuo sito a proposito di cambiamenti che si verificano nella pagina. Per creare questo, è necessario come minimo una casella di testo per aggiornare, un modulo Web di riferimento e una funzione JavaScript per influenzare il cambiamento. Tuttavia, avendo alcuni controlli aggiuntivi può aiutare a mantenere le cose organizzate.
Si utilizza il tag textarea HTML per creare una grande casella di testo nella pagina Web. Utilizzare questa casella per richiedere all'utente di immettere un testo. È possibile impostare le "righe" e "colli" attributi a qualsiasi numero che si desidera, tuttavia, è necessario impostare l'attributo "nome" in modo che la vostra funzione JavaScript può interagire con la textarea. È inoltre necessario utilizzare la parola chiave "onKeyUp" per chiamare la funzione stessa. Ad esempio, il tag potrebbe essere simile al seguente: <textarea righe = '10 'cols = '40' name = 'caratteri' onKeyUp = 'charCount (questo)'> </ textarea>
Utilizzare il tag input per creare una casella di testo che si aggiorna automaticamente quando i personaggi utente digita nel controllo textarea. Impostare l'attributo tipo di "testo" per creare la scatola, così come l'attributo name in modo che la funzione JavaScript in grado di accedervi. È inoltre possibile impostare l'attributo di dimensione per una casella di testo a lunghezza fissa, ma non è necessario. Ad esempio, si potrebbe avere "< 'testo' input type = name = 'DisplayCount' size = '20 '>" per il codice HTML.
È necessario includere il vostro casella di testo automaticamente-rinfrescante in una forma in modo che la funzione JavaScript può accedere ai controlli di modulo. Non hai bisogno di una forma di fantasia come si farebbe quando si utilizza linguaggi di programmazione come PHP per passare variabili, solo qualcosa di semplice per interagire con JavaScript. Ad esempio, digitare "<form method = 'post'>" per aprire la forma e "</ form>" per chiuderla. I tag textarea e di ingresso dovrebbero andare all'interno di queste due righe di codice HTML.
La funzione JavaScript richiede almeno due righe di codice. Il primo crea una variabile e salva il contenuto della textarea in forma, digitato dall'utente. La seconda linea conta il numero di caratteri nella variabile e salva il risultato nella casella di testo più piccolo nella stessa forma. Ad esempio, è necessario digitare "funzione charCount (testo) {" per creare una funzione chiamata "charCount", "usertext = text.form.characters.value," come la prima linea, "text.form.displaycount.value = usertext .length + 'caratteri.'; ", come la seconda linea, e"} "per chiudere la funzione.