Tengo una página en la que muestro un dibujo (grafo) generado mediante una libreria javascript. Los nodos son hipervínculos que tengo de la siguiente forma:
Código Javascript :
<a id="t100" href="#node100" rel="facebox">Prueba</a>
Y cuando hago click en uno de ellos, quiero que mediante facebox ([url=http://defunkt.io/facebox/][/url]) se muetren otro <div> que tengo justo antes del body de forma oculta:
Código Javascript :
<div id="node100" style="display:none;"> <h3>Node 100</h3> <h4>Operaciones disponibles:</h4> <center> <p><img src="img/boton_modificar.png" width="109" height="29"></p> <p><img src="img/boton_borrar.png" width="109" height="29"></p> </center> </div>
El problema es:
Si pongo
Código Javascript :
<a id="t100" href="#node100" rel="facebox">Prueba</a>en cualquier parte, funciona perfectamente, pero desde dentro del nodo no. Es más, si quito el
Código Javascript :
style="display:none;"al div, al clickar sobre el href del nodo se baja la página hasta el div. Así, que opino, que el problema es el usar las dos librerias, y que en el arbol no la coge, pero no estoy seguro, ni se como probar a solucionarlo.
Agradecería vuestra ayuda.
