En php al cargar la página, construyo un JSON pequeño, que mando al JavaScript. Eso es lo que en un principio contiene la variable json
del JavaScript.
Después hago un clic en pantalla, llamando a inicio_pru.php
y éste me construye un JSON nuevo, más grande y se lo devuelve al JavaScript.
En JavaScript, la parte que recibe el evento click
(se pincha en un nodo del árbol en pantalla, lo cual desencadena una llamada a inicio_pru.php
para que construya un JSON más grande):
onCreateLabel: function(label, node){
label.id = node.id;
label.innerHTML = node.name;
label.onclick = function(){
var http = new XMLHttpRequest();
var url = "inicio_pru.php";
var params = "callFunction=arbol_completo";
http.open("POST", url, true);
//Send the proper header information along with the request
http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
http.send(params);
http.onreadystatechange = function() {//Call a function when the state changes.
if(http.readyState == 4 && http.status == 200) {
json=http.responseText;
st.loadJSON(json);
compute node positions and layout
st.compute();
//optional: make a translation of the tree
st.geom.translate(new $jit.Complex(-200, 0), "current");
//emulate a click on the root node.
st.onClick(node.id);
alert (json);
}
}
alert(json);
};
En php (inicio_pru.php
):
<?php
if($callFunction == "arbol_completo") {
$root=recorrerArbol($children_root,$raiz);
$arbol1=json_encode($root);
$arbol2=str_replace("type","\$type",$arbol1);
$arbol3=str_replace("color","\$color",$arbol2);
$arbol=str_replace("'","\'",$arbol3);
echo '$arbol';
}
else
{
$root=recorrerArbol1($children_root,$raiz);
$arbol1=json_encode($root);
$arbol2=str_replace("type","\$type",$arbol1);
$arbol3=str_replace("color","\$color",$arbol2);
$arbol=str_replace("'","\'",$arbol3);
return '$arbol';
}
?>
Pero al hacer click
en un nodo del árbol, parece que la función onclick
no hace nada, de hecho ni siquiera saca los dos alert que le he puesto.
Muchísimas gracias de antemano
onCreateLabel
? Estás definiendo una función anónima (onCreateLabel
es una etiqueta JS, no el nombre de la función) y no veo en ninguna parte que la enlaces con un evento de un elemento DOM.label.onclick
registra la función anónima interna, pero ¿cuándo ejecutas ese código? ¿Dónde llamas a la función anónima externa? Por lo que veo del código nunca se llama a dicha función, así que no se registra la función de evento y ya no funciona todo lo demás. Prueba añadiendo unalert
delante delabel.id = node.id
para que veas lo que te digo.onclick
. Lo que no veo es cuándo se ejecuta el codigo que define que el evento onclick; la funciónfunction (label, node) {
. Como he dicho, pon un alert al inicio de la función y comprobarás si se ejecuta o no; si no se ejecuta no se asignara ninguna función al evento onclick...