Hola a todos, llevo un tiempo intentado hacer esto pero no hay manera asi que haber si me podeis echar un cable.
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.