Come rendere le cellule pieghevole in Dreamweaver

November 15

Come rendere le cellule pieghevole in Dreamweaver


Adobe Dreamweaver consente di creare pagine Web e gestire il proprio sito web utilizzando una varietà di strumenti e linguaggi. È possibile creare le tabelle con la mano in codice di Dreamweaver strumenti di inserimento tabella HTML o. Include una funzione JavaScript utilizzando il metodo "visualizzazione" per aggiungere funzionalità interattive ai tavoli, come righe comprimibili.

istruzione

1 Apri la pagina web che contiene la tabella.

2 Digitare la funzione JavaScript per collassare e spegnendo il crollo della riga. Inserire il codice sopra il tag "</ head>":

<Script>
Funzione doCollapse (RowName)
{

theElement = document.getElementById(rowname);
if(theElement.style.display == 'none'){
theElement.style.display = '';
}else {
theElement.style.display = 'none';
}
return false;

}
</ Script>

3 Digitare la funzione JavaScript "onClick" nell'elemento che si desidera controllare il crollo:

<P1 onClick = "doCollapse ( 'r1');"> Un paragrafo sopra la tabella </ p>
<Table>
<Tr id = "r1"> <td> Prima fila e prima cellula </ td> <td> Prima fila e seconda cella </ td> </ tr>
<Tr> <td> Seconda fila e prima cellula </ td> <td> Seconda fila e seconda cella </ td> </ tr>
<Tr> <td> La terza fila e prima cellula </ td> <td> La terza fila e seconda cella </ td> </ tr>
</ Table>

Quando il paragrafo viene cliccato, la funzione "doCollapse" o crolla la riga che contiene l'ID "R1" o espande la fila, a seconda che la riga è crollato o meno quando la funzione viene chiamata.