Discussion :

[mariaorea]

Bonjour,
J'ai r�alis�, sur Illustrator CC, une infographie qui illustre un plan de situation pour des maisons.
J'ai suivi le mod�le suivant : http://fr32c.free.fr/Am/index.php?po...ia-Illustrator
Je ne connais pratiquement pas le JavaScript et donc je me trouve confront�e � un probl�me �l�mentaire : adapter le code pour mon illustration.

Je ne peux pas joindre mon fichier .svg le forum ne g�re pas cette extension.
voici mon code JavaScript :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
function afficher( ref, type ) {
var legende = "L"+ref.id.charAt(1);
document.getElementById(legende).classList.add("st6");
 
}
function masquer( ref, type ) {
var legende = "L"+ref.id.charAt(1);
document.getElementById(legende).classList.remove("st6");
}

Je pense que le probl�me se situe au niveau de cette ligne de code :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

var legende = "L"+ref.id.charAt(1);

J'ai 30 maisons et donc 30 l�gendes diff�rentes.
J'ai cr�� les �v�nements onmouseover et onmouseout directement sur Illustrator pour produire l'�v�nement suivant : au passage de la souris le num�ro de la maison est r�v�l�.
Mais �a ne fonctionne que sur une dizaine de maisons seulement.
Je me permets de d�poser ce probl�me ici, pouvez-vous m'aider s'il vous pla�t ?
Merci infiniment par avance.

Maria

[st3ff]

bonjour,
charAt r�cup�re 1 seul caract�re, dans votre cas, comme il y a plus de 10 maisons, lorsque vous survolez la 10eme, 11eme, 12eme.... maison, c'est la 1ere (avec identifiant G1) qui doit r�agir.
Il faut donc r�cup�rer tous les num�ros dans l'identifiant.
Essayez de remplacer:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
 
//recupere le caractère a l'index 1
ref.id.charAt(1);

par la m�thode substr

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
 
//recupere tous les caractères a partir de l'index 1
var legende = "L"+ref.id.substr(1);

[mariaorea]

Merci beaucoup pour votre prompte r�ponse.
En effet �a fonctionne mieux. Pour r�cup�rer les deux chiffres de mes num�ros, j'ai mis :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

var legende = "L"+ref.id.substr(1, 2);

Mais le fonctionnement n'est quand m�me pas g�nial car la gestion des �v�nements onmouseover et onmouseout ne se fait pas toujours bien : un coup au passage de la souris, un coup au clic. Le onmouseout fonctionne que de temps en temps. De plus les comportements sont diff�rents d'un navigateur � l'autre. Sur Firefox �a clignote !
Je sais vraiment pas comment solutionner ce genre de probl�me. Bon ! je continue .... :-(

En tout cas encore merci.
Bonne soir�e.
Maria