Discussion :

[MelodyBibi]

Bonjour,

Je viens vers vous, qui j'espère pour quelque uns connaissent DOM et la création d'application graphique.

En effet, je suis actuellement sur le développement d'une application graphique basé sur un document SVG.

Mon problème ce porte sur les événements.

J'arrive, en utilisant un MouseListener sur l'objet SVG à bien vérifier que l'image représentant le document SVG est bien sélectionnée.

Cependant j'aimerais récupéré l'objet/élément en particulier du document j'ai cliqué.

Seriez vous si cela est possible ? et si oui comment ?

Merci d'avance pour vos réponses.

[joel.drigo]

Salut,

Tu utilises BATIK ?

[MelodyBibi]

Bonjour,

Oui tout à fait.

Je ne m'y prend peut être pas de la bonne manière mais je n'ai pas trouvé de solutions sur internet.

J'ai essayé de regarder s'il existait des méthodes d'ajout d'événement sur des noeuds de type Node ou Element mais rien ne semble correspondre.

Je compte détourner mon problème en récupérant les coordonées du clic de la souris sur l'écran et en allant chercher l'élément correspondant en fonction.

Mais s'il y a un autre moyen plus commode pour faire cela je veux bien que vous m'éclairiez..

[joel.drigo]

Salut,

Ça se fait via les classes du package org.w3c.dom.events.

Il faut enregistrer sur chaque élément du DOM un écouteur, comme ça par exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
final EventTarget target = (EventTarget) element;
target.addEventListener("click", 
                new .EventListener() {
                    public void handleEvent(Event event) {
                        if("click".equals(event.getType()){
                             /* ... */
                        }
                    }
                });

Ou avec une instance unique (et récupérer la source par event.getTarget()), qu'on enregistre sur tous les nœuds.

L'autre approche que tu as essayé est une autre solution. Mais si on a beaucoup d'éléments, il faudra mettre en place une optimisation de type quadtree, ou au moins boundclpping.

[MelodyBibi]

Merci beaucoup pour votre réponse rapide !

Je travaille actuellement sur le zoom de mon JSVGCanvas, je teste dès que possible et passerais la discussion en résolue.

[MelodyBibi]

J'ai essayé d'implémenter votre solution mais je n'arrive pas à la faire fonctionner.

J'ai une classe pour gérer les évents :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
public class EObject implements org.w3c.dom.events.EventListener
{
	@Override
	public void handleEvent(Event evt) 
	{
		System.out.println("YOUPIIII JE SUIS CLIQUE");		
	}
 
}

Et j'ajoute l'évènement ainsi sur un node :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
Element elt = doc.getElementById("nameZone1");
EventTarget t = (EventTarget)elt;
 
t.addEventListener("mousedown", new EObject(), false);
 
t.addEventListener("click", new EObject(), false);

Voici l'appercu de l'élément du document svg sur lequel j'essaye d'ajouter des événements :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<g id="nameZone1">
			<rect fill="#000000" x="0" width="500" height="500" y="0"/>
			<use x="50" y="20" fill="#F5A9D0" width="20" xlink:href="#chaise_1.1.2" xlink:type="simple" xlink:actuate="onLoad" height="200" xlink:show="embed"/>
			<use x="50" y="60" width="20" xlink:href="#chaise_1.1.2" xlink:type="simple" xlink:actuate="onLoad" height="200" xlink:show="embed"/>
</g>

Auriez-vous une idée de pourquoi cela ne fonctionne pas ..?

[joel.drigo]

Ça fait un bout de temps que j'ai pas de batik. De mémoire, il me semble qu'il faut appeler sur le canvas setDocumentState(AbstractJSVGComponent.ALWAYS_INTERACTIVE) pour que les écouteurs soient pris en compte. Il est possible que "click" ne fonctionne pas, mais "mousedown" devrait en effet.

[MelodyBibi]

Très bonne mémoire !!

Merci beaucoup pour votre aide !!

Bonne continuation