Nwlapcug.com


Come espandere e comprimere il testo in HTML

Come espandere e comprimere il testo in HTML


Per espansione e compressione di testo su una pagina Web, è necessario includere HTML dinamico (DHTML) alla tua pagina. HTML dinamico è qualsiasi pagina che utilizza HTML e un linguaggio di scripting, in genere JavaScript, per aggiungere extra modi per un utente di interagire con una pagina di là semplicemente cliccando tramite link. Fortunatamente, ci sono molti script gratuiti disponibili. Ogni script avrà due parti: uno script di intestazione e il codice di corpo. Lo script di intestazione va tra la testa di < >< / HEAD > Tag e il codice di corpo andrà sotto < BODY > ovunque sia necessario il testo per espandere e comprimere.

Istruzioni

Script DHTML gratuiti

1

Utilizzare lo script a dhtmlgoodies.com per le pagine FAQ o domande e risposte. Lo script permette di avere una domanda con la risposta nascosta. Mettere lo script nell'intestazione (tra il < HEAD > e < / HEAD > Tag nella parte superiore del tuo HTML grezzo). Essere posto il resto del codice di esempio in < BODY > della pagina dove si desidera che le domande. Sostituire l'esempi di domande e risposte con i tuoi. La pagina include una sezione di "How to Use" Se hai bisogno di aiuto, modificare lo script di lavorare sulla tua pagina. Quando un utente fa clic sulla questione, la risposta apparirà sotto la domanda.

2

Utilizzare lo script a dynamicdrive.com per comprimere o espandere qualsiasi DIV nella pagina Web attraverso un meccanismo semplice toggle. Funziona con tutti i div, anche quelli che presentano CSS definiti altezze. Sezioni multiple possono essere raggruppati insieme per comprimere come una singola unità.

3

Utilizzare lo script a javascript.internet.com per rendere i paragrafi comprimibili. Il codice di esempio e script sono forniti in una casella gialla. Fare clic sul pulsante "Evidenziare tutto" e quindi copiare e incollarlo in un file separato. Le istruzioni per utilizzare lo script sono incluse come commenti all'interno dello script stesso.

4

Se sei a tuo agio con JavaScript e come codice pulito, utilizzare la funzione di prototipo $0 (trovato nel www.dustindiaz.com), una ridotta espansione e collasso script per i tag DIV. Fornisce un modo per comprimere tutti i tag DIV, quando il primo caricamento della pagina Web. Questo script utilizza la quantità minima di codice ma richiede maggiore comprensione del funzionamento di JavaScript. Il sito Web forniscono un link a un esempio dello script in azione.

Consigli & Avvertenze

  • L'intestazione è dove tutti i vostri dati di pagina Web meta va, come il titolo della pagina, collegamenti a fogli di stile CSS, link al tuo feed RSS e link agli script stai usando. L'intestazione è sempre nella parte superiore della pagina tra il < HEAD > e < / HEAD > Tag.
  • Tag DIV sono divisioni. Essi sono come le sezioni in un libro. Niente posta tra un < DIV > e < / DIV > tag può essere controllato come un unico elemento, che si tratti di una singola parola o più paragrafi.