Bonjour,
 
Depuis 2-3 jours, je développe un script utilisant la lib Sigma.js ( http://sigmajs.org/ ), ça marche plutôt bien mais alors, impossible de trouver comment associer à un noeud du graphe une fonction appelée sur l'événement "click" (en gros, je voudrais pourvoir cliquer sur un noeud et que ça fasse qq chose). J'ai cherché partout, y compris sur le wiki du projet (qui n'a pas l'air franchement à jour, la doc ne semble pas être le dada de l'auteur ), rien trouvé.
 
En plus, j'arrive même pas à comprendre comment les noeuds sont tracés dans la <div>, ça ne semble pas être des éléments du DOM (j'ai esayé de faire un addEventListener() sur un node, ça marche pas...
 
Help, please

Je n'ai pas trouvé comment faire un click directement , donc j'ai fait un truc sale :

graph.bind('overnodes',
//je maintiens une liste des noeuds sous mon curseur de souris
            function (event) {
                var nodes = event.content;
                if (nodes.length)
                     //ajouter les noeuds dans ma liste ;
            }).bind('outnodes', function (event) {
                   //enlever les noeuds de la liste 
            });

ensuite en cas de click sur le conteneur, je sasi que j'ai cliqué sue les noeuds qui sont encore dans ma liste de overnode (attention, il peut y en avoir plusieurs)
Sinon, il faut reprendre le code de la fonction checkHover a chaque click pour déterminer quels sont les noeuds sous la position du clik de la souris

C'est dessiné avec du canvas (plusieurs canvas les un au dessus des autres ). Pour avoir des évènement 'click' sur chaque élément il faudrait faire du dessin vectoriel (svg/vml) au lieu du raster(canvas) , mais les perfs s'effondre dès qu'il y a trop de monde sur le graphe

Bon, j'ai fini par trouver :

var sigRoot = document.getElementById("MaDIV" );
var sigInst = sigma.init(sigRoot);

sigRoot.addEventListener('click', function (event) {
    var mousePos = sigInst.getMouse();
    sigInst.iterNodes(function (node) {
        var dX, dY, s, newH;
        dX = Math.abs(node['displayX'] - mousePos.mouseX);
        dY = Math.abs(node['displayY'] - mousePos.mouseY);
        s = node['displaySize'];

        // Detect if the mouse is over the node
        newH = dX < s && dY < s && Math.sqrt(dX * dX + dY * dY) < s;
        if (newH) {
            // Do here what I want on Click...
        }                
    });
}, true);

 
Je me suis inspiré du code de la fonction checkHover() justement Ca marche bien.