funzioni JavaScript permettono di aggiungere funzionalità interattive per le pagine Web, come ad esempio quando si desidera consentire agli utenti del tuo sito per comprimere o nascondere le porzioni di tabelle. Il metodo "display" JavaScript permette di mostrare o nascondere i dati della pagina Web. Creare una funzione JavaScript che utilizza il metodo "display", e chiamare questa funzione come necessario per controllare la visualizzazione dei tuoi dati tabulari.

istruzione

1 Aprire il documento pagina Web.

2 Digitare la seguente funzione JavaScript sopra il tag "</ head>":

<Script>

Funzione MostrareNascondere (id)

{

theElement = document.getElementById(id);

if (theElement.style.display == 'none') {

theElement.style.display = '';

}altro {

theElement.style.display = 'none';

}

return false;

}

</ Script>

3 Digitare una dichiarazione "onClick" all'interno del tag dell'elemento che chiamerà la funzione - per esempio un titolo tabella:

<H1 onClick = "MostrareNascondere ( 'd1');"> Prima Div Rubrica </ h1>

<Table>

<Tr> <td> ROW ONE: una cella di una tabella </ td> <td> cella di una tabella a due </ td> </ tr>

<Tr> <td> Seconda fila: una cella di una tabella </ td> <td> cella di una tabella a due </ td> </ tr>

</ Table>

4 Digitare un "id" all'interno dell'elemento che si desidera visualizzare e nascondere - per esempio, una riga di tabella:

<H1 onClick = "MostrareNascondere ( 'row2');"> Tabella Rubrica </ h1>

<Table>

<Tr> <td> ROW ONE: una cella di una tabella </ td> <td> cella di una tabella a due </ td> </ tr>

<Tr id = stile "row2" = "display: none"> <td> Seconda fila: una cella di una tabella </ td> <td> cella di una tabella a due </ td> </ tr>

</ Table>

Quando un utente seleziona l'intestazione della tabella, la funzione "MostrareNascondere" riceve il valore "row2" e accede l'elemento che contiene l'id "row2", in questo caso la seconda fila. Il display di questo elemento è impostato su "none", causando la riga da nascondere.