Come espandere e chiudi il testo in HTML

May 29

Come espandere e chiudi il testo in HTML


Per avere espansione e compressione del testo in una pagina Web, è necessario includere HTML dinamico (DHTML) alla pagina. Dynamic HTML è qualsiasi pagina che utilizza HTML e un linguaggio di scripting, tipicamente JavaScript, per aggiungere modi in più per un utente di interagire con una pagina oltre la semplice clic tramite link. Fortunatamente, ci sono molti script gratuiti disponibili. Ogni script avrà due parti: uno script di intestazione e il codice del corpo. Lo script di intestazione va tra i tag <HEAD> </ head>, e il codice di corpo andrà sotto <BODY> ovunque sia necessario il testo per espandere e comprimere.

istruzione

script DHTML gratuiti

1 Utilizzare lo script a dhtmlgoodies.com per le pagine di Q & A Domande o. Lo script permette di avere una domanda con la risposta nascosta. Mettere lo script nell'intestazione (tra i tag <head> e </ head> tag nella parte superiore del codice HTML grezzo). Mettere il resto del codice di esempio in <BODY> della tua pagina in cui si desidera che i essere domande. Sostituire le esempi di domande e risposte con il proprio. La pagina include una sezione "Come usare" se hai bisogno di aiuto modificando lo script di lavorare sulla tua pagina. Quando un utente fa clic sulla questione, apparirà la risposta al di sotto della domanda.

2 Utilizzare lo script a dynamicdrive.com a collassare o espandere qualsiasi DIV nella pagina Web attraverso un semplice meccanismo a ginocchiera. Funziona con tutti i div, anche quelli che hanno definito CSS altezze. sezioni multiple possono essere raggruppati per comprimere come una singola unità.

3 Utilizzare lo script a javascript.internet.com per fare paragrafi pieghevole. Lo script e codice di esempio sono forniti in una scatola gialla. Fare clic sul pulsante "evidenziare tutti" e quindi copiarlo e incollarlo in un file separato. Le istruzioni per l'utilizzo dello script sono inclusi come commenti all'interno dello script stesso.

4 Se sei a tuo agio con JavaScript e come codice pulito, utilizzare il prototipo $ 0 Funzione (trovato in www.dustindiaz.com), una verso il basso confrontato espandere e sceneggiatura crollo per i tag DIV. Esso fornisce un modo per comprimere tutti i tag DIV quando la pagina Web primi carichi. Questo script utilizza la minor quantità di codice, ma richiede una maggiore comprensione di come funziona JavaScript. Il sito fornisce un collegamento ad un campione dello script in azione.

Consigli e avvertenze

  • L'intestazione è dove tutta la pagina Web metadati va, come il titolo della pagina, link a fogli di stile CSS, link al tuo feed RSS e link a script che si sta utilizzando. L'intestazione è sempre nella parte superiore della pagina tra i tag <head> e </ head>.
  • tag DIV sono divisioni. Sono come sezioni di un libro. Qualsiasi cosa messa tra un <DIV> e </ DIV> tag può essere controllato da un singolo elemento, che si tratti di una singola parola o paragrafi multipli.