Objet à boucler pour trouver le label retrouvé #49

Sensaku · Mar 19, 2024 · 2977ee1 · 2977ee1
1 parent 50a3f0a
commit 2977ee1
Showing 1 changed file with 38 additions and 4 deletions.
diff --git a/mission.js b/mission.js
@@ -7,7 +7,7 @@ function recupererDonnees() {
 
 const executeSPARQLRequest = async (endpoint, query) => {
     localStorage.clear()
-    const url = `${endpoint}?query=${encodeURIComponent(query)}&format=json`;
+    const url = `${endpoint}?query=${encodeURIComponent(query)}&format=json`
 
     let result_data = await fetch(url, {
         mode: 'cors',
@@ -187,6 +187,7 @@ async function nodelink_creator(data, colors = [], strength = -400, width = 400,
         .join("circle")
         .attr("r", 20)
         .style("fill", d => d.color)
+        .attr("label", d => d.label)
 
     let ticksCount = 0
     let nodes_label
@@ -201,8 +202,41 @@ async function nodelink_creator(data, colors = [], strength = -400, width = 400,
             .style("visibility", "hidden")
             .text(d => d.label)
 
-        svg_graph.selectAll("circle").on("mouseover", function(d){console.log(d.target) ;  svg_label.selectAll(`${this}`).style("visibility", "visible")})
-        .on("mouseout", function(d){d3.select(this).style("visibility", "hidden")})
+        svg_graph.selectAll("circle").on("mouseover", function(d){
+            console.log(d.target.getAttribute("label")) ;  
+            let choosen_node
+           /* console.log(nodes_label)
+            console.log(nodes_label._groups)
+            console.log(nodes_label._groups[0])
+            console.log("resultat cherché", nodes_label._groups[0][0].__data__.label)
+            /*for (let elt in nodes_label._groups) { // Il n'y passe qu'une fois, pour le 0 : à skip
+                console.log(elt)
+                console.log(elt[0])
+                /*if (elt.label === d.target.getAttribute("label")) {
+                    choosen_node = elt
+                    console.log(choosen_node)
+                }
+            }*/
+            for (let elt in nodes_label._groups[0]) {
+                //console.log(elt)
+                //console.log(nodes_label._groups[0][elt].__data__.label)
+                if (nodes_label._groups[0][elt].__data__.label === d.target.getAttribute("label")) {
+                    choosen_node = nodes_label._groups[0][elt]
+                    console.log("valeur choisie", choosen_node)
+                    var element = document.querySelector('text'); // Sélection de l'élément <text>
+                    console.log("elt", element)
+                    var valeurTexte = element.textContent; // Récupération de la valeur du texte
+                    console.log("val_txt", valeurTexte)
+                    //let element = document.getElementById(choosen_node)
+                    //console.log(element)
+                    //document.getElementById("choosen_node").style.visibility = "visible"
+
+                }
+                //console.log(elt[0])
+                //console.log(elt[0].__data__)
+            }
+            //choosen_node.style("visibility", "visible")})
+        /*.on("mouseout", function(d){d3.select(this).style("visibility", "hidden")*/})
 
     }
 
@@ -241,7 +275,7 @@ async function nodelink_creator(data, colors = [], strength = -400, width = 400,
             .attr("y2", d => d.target.y)
 
         node
-            .attr("cx", d => {console.log(d) ; return d.x+6})
+            .attr("cx", d => d.x+6)
             .attr("cy", d => d.y-6)