Adobe Dreamweaver consente di creare pagine Web e gestire il tuo sito Web utilizzando una varietà di linguaggi e strumenti. È possibile creare le tabelle utilizzando mano codificato strumenti per inserimento di tabella HTML o Dreamweaver. Includere una funzione di JavaScript utilizzando il metodo "display" per aggiungere le funzionalità interattive per le tabelle, ad esempio righe comprimibili.
Istruzioni
1
Aprire la pagina Web che contiene la tabella.
2
Digitare la funzione JavaScript per crollare e spegnere 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 di "onClick" JavaScript nell'elemento che si desidera controllare il crollo:
< p1 onClick = "doCollapse ('r1');" > un paragrafo sopra la tabella </p >
< table >
< id tr = "r1" >< td > prima fila e prima cella < /td >< td > prima riga e nella seconda cella < /td >< /tr >
< tr >< td > seconda riga e nella prima cella < /td >< td > seconda fila e seconda cella < /td >< /tr >
< tr >< td > terza riga e nella prima cella < /td >< td > terza fila e seconda cella < /td >< /tr >
< / tabella >
Quando viene cliccato il paragrafo, la funzione di "doCollapse" o crolla la riga che contiene l'id di "r1" o si espande la riga, basata su se la riga è compresso o non quando viene chiamata la funzione.