Yo tengo un arbol de carpetas hecho con javascript y lo que quiero es que dependiendo del boton que pulse se expanda o se contraiga el arbol, mi codigo es este:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" href="css/popup.css" /> <title>Explorador de Carpetas</title> </head> <body> <script type="text/javascript" src="js/tree-carpetas.js"></script> <script type="text/javascript"> var opc; var Tree = new Array; // Tree[element] = "nodeId | parentNodeId | nodeName | nodeUrl" Tree[0] = "1|0|Carpeta 1|javascript: seleccionarCarpeta('Carpeta 1');"; Tree[1] = "1.1|1|Carpeta 1.1|javascript: seleccionarCarpeta('Carpeta 1.1');"; Tree[2] = "1.1a|1.1|Carpeta 1.1a|javascript: seleccionarCarpeta('Carpeta 1.1a');"; Tree[3] = "1.1b|1.1|Carpeta 1.1b|javascript: seleccionarCarpeta('Carpeta 1.1b');"; Tree[4] = "2|0|Expedientes|javascript: seleccionarCarpeta('Expedientes');"; Tree[5] = "2.0|2|Viejos|javascript: seleccionarCarpeta('Viejos');"; Tree[6] = "2.1|2|2007|javascript: seleccionarCarpeta('2007');"; Tree[7] = "2.2|2|2008|javascript: seleccionarCarpeta('2008');"; Tree[8] = "3|0|Resoluciones|javascript: seleccionarCarpeta('Resoluciones');"; Tree[9] = "3.1|3|GROP|javascript: seleccionarCarpeta('GROP');"; Tree[10] = "3.2|3|REP1|javascript: seleccionarCarpeta('REP1');"; Tree[11] = "3.3|3|REP2|javascript: seleccionarCarpeta('REP2');"; Tree[12] = "3.4|3|CART|javascript: seleccionarCarpeta('CART');"; Tree[13] = "3.5|3|MIPP|javascript: seleccionarCarpeta('MIPP');"; Tree[14] = "3.6|3|SOLD|javascript: seleccionarCarpeta('SOLD');"; function seleccionarCarpeta(opc){ window.parent.opener.document.forms[0].nombreCarpeta.value = "2008"; window.parent.opener.document.forms[0].rutaCarpeta.value = "/Expedientes"; window.close(); } function arbol(opcion) { } </script> <form method="post" action="#"> <div class="seccion"> <div id="divArbol" class="arbol"> <script type="text/javascript">createTree(Tree, 0, 'none', 'Ruta de acceso');</script> </div> <p></p> <ul class="botones"> <li><input class="boton" type="button" name="expandir" value="Expandir" onclick="arbol('expandir');" /></li> <li><input class="boton" type="button" name="colapsar" value="Colapsar" onclick="arbol('colapsar');" /></li> </ul> </div><!-- /seccion --> </form> <div id="botones-pagina"> <ul class="botones"> <li><input class="boton-pagina" type="button" name="cancelar" value="Cancelar" onclick="window.close();" /></li> </ul> </div><!-- /botontes-pagina --> </body> </html>
Gracias de antemano.
Un saludo.