Javascript
Dynamic Html
Nascondere o visualizzare una riga di testo con Javascript | Nascondere o visualizzare una riga di testo con Javascript |
|
|
| Scritto da Vincenzo | |
|
Poter nascondere una porzione di testo è molto utile nel caso in cui si voglia inserire una descrizione di un contenuto nella pagina web. Rendendo il testo nascosto si ha la possibilità di ottimizzare lo spazio senza privare la pagina di alcun contenuto poichè con un semplice clic sul link il testo tornerà nuovamente visibile.
Per fare questo si ha bisogno solo di un pò di javascript e css. Innanzitutto bisogna creare un nuovo file con estensione .js in cui verrà inserito il codice javascript che servirà a far visualizzare il testo nascosto, in questo caso 'vediTesto.js'.
Ora che è stato creato il file 'vediTesto.js' lo si deve inserire tra i tag head del documento principale in questo modo:
A questo punto non serve altro che scrivere il testo nel documento:
In questo modo quando si cliccherà sul link, il testo che contiene l'attributo 'display:none' verrà reso visibile, ecco un esempio . |
| < Prec. | Pros. > |
|---|
Articoli correlati
- Introduzione a Javascript
- Indirizzo e-mail antispam
- Preload di immagini in Javascript
- Un foglio di stile diverso per ogni browser
- Aggiungere il sito ai preferiti con Javascript
- Selezionare e copiare il contenuto di una textarea in un solo click
- Caricare due siti con un solo click
- Creare una finestra popup javascript
- Descrizione dei link nella barra di stato del browser
- Variabili e tipi di dato
- Espressioni ed istruzioni fondamentali
- Le funzioni
- Gli operatori
- Istruzione break e continue
- Le istruzioni: function, if, else, import e return
Tag
altra singolo memorizzare unique valida corrisponde assoluti altre subito successivo lsquo associativo formattazione constructor serve somma cercando eseguiti legge scambio| Corso Javascript e DHTML Guida completa allo scripting lato client. Corso con tutor ed attestato finale! |







