March 23
Si può avere le pagine Web che contengono una grande quantità di dati. Fare alcuni dei vostri div pagina web, o le divisioni HTML definiti a livello di blocco, pieghevoli per mantenere gli utenti del sito di essere sopraffatto con i dati. Creare una funzione JavaScript per controllare la visualizzazione dei dati. Impostare la pagina in modo che il contenuto div è inizialmente nascosto quando la pagina viene caricata.
1 Aprire il file HTML. Far precedere i tuoi div con un titolo che gli utenti possono fare clic per visualizzare e nascondere i dati relativi.
2 Digitare la funzione JavaScript all'interno delle "<head>" tag:
<Script>
Funzione showHideDiv (id)
{
divElement = document.getElementById(id);
if (divElement.style.display == 'none') {
divElement.style.display = '';
}altro {
divElement.style.display = 'none';
}
return false;
}
</ Script>
3 Tipo "onClick" all'interno del tag div rubrica per chiamare la funzione "showHideDiv":
<H2 onClick = "showHideDiv ( 'd1');"> Prima Div Rubrica </ h2>
<Div>
<P> Prima Div paragrafo contenuto. </ P>
</ Div>
4 Digitare un ID all'interno dell'elemento Div per consentire l'accesso ad esso dallo script:
<H2 onClick = "showHideDiv ( 'd1');"> Prima Div Rubrica </ h2>
<Div id = stile "d1" = "display: none">
<P> Prima Div paragrafo contenuto. </ P>
</ Div>
Il parametro "visualizzazione" è impostato a nessuno per indicare che i dati in questo Div o elemento non viene visualizzato. Quando il titolo viene cliccato, lo script imposta da visualizzare. Ripetere il processo per ogni Div nella tua pagina utilizzando ID univoci per ciascuno.