Cómo hacer que las células plegable en Dreamweaver

Adobe Dreamweaver le permite crear páginas web y administrar su sitio web utilizando una variedad de herramientas y lenguajes. Puede crear sus tablas usando HTML codificado mano o herramientas de inserción tabla de Dreamweaver. Incluir una función de JavaScript que utiliza el método de "pantalla" para añadir funcionalidad interactiva para las tablas, como filas plegables.

Instrucciones

1 Abra la página Web que contiene la tabla.

2 Escriba la función JavaScript para plegar y apagar el colapso de la fila. Coloque el código antes de la etiqueta "</ head>":

<Script>
función doCollapse (rowname)
{

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

}
</ Script>

3 Escriba la función JavaScript "clic" en el elemento que desea controlar el colapso:

<P1 onclick = "doCollapse ( 'r1');"> Un párrafo sobre la tabla </ p>
<Table>
<Tr id = "R1"> <td> Primera fila y la primera celda </ td> <td> Primera fila y la segunda celda </ td> </ tr>
<Tr> <td> Segunda fila y la primera celda </ td> <td> Segunda fila y la segunda celda </ td> </ tr>
<Tr> <td> Tercera fila y la primera celda </ td> <td> Tercera fila y la segunda celda </ td> </ tr>
</ Table>

Cuando se hace clic en el párrafo, la función "doCollapse" o bien se derrumba la fila que contiene el id "R1" o expande la fila, en función de si la fila se pliega o no cuando se invoca la función.