Version imprimable
Bonjour,
malgré la grande documentation de Raphael sur Mapael, je n'arrive pas à paramétrer le code pour fixer (empêcher la fenêtre de bouger au mouvement de la souris sur un département) la fenêtre d'information "tooltip" afin que les liens insérer à l'intérieur soit cliquable .
Merci à celui qui pourra m'indiquer la fonction à utiliser pour rendre cela possible.
Bonjour,
inspire toi de cet exemple : Use the 'eventHandlers' option to display information about plotted cities in a div on mouseover.
Merci beaucoup, NoSmoking, je vais tester cette façon de faire, toutefois je cherchais quelques chose de plus simple pour l'utilisateur .
Stopper l'animation de déplacement horizontal et vertical du Tooltip au survol de la souris et que ce tooltip s'affiche au bas du département quel que soit la position de la souris sur le département.
Il faudrait également supprimer l'offset je crois .
Evidemment, La doc indique qu'on peut tout faire avec jquery, mais 1) je suis pas un pro et 2) j'aurai espéré que des fonctions déjà existantes permettait cela puisqu'on peut mettre des liens dans les tooltip.
J'ai pas réussi à contacter son développeur.
Voici mon test qui ne marche pas et où je ne trouve pas l'erreur.
la seule différence est que j'affiche la carte grâce à un shortcode en php dans functions.php pour Wordpress :
Le texte de "myText" que j'ai repris de la demo (censé afficher un texte par défaut et changer lorsque la souris est placé sur un département ne change pas lorsque la souris est placé sur un "tooltip".
N'ayant toujours pas pu expérimenter ceci, je voudrais m'assurer que les liens "a href" peuvent bien être insérés dans cette div.
merci
Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
La vision que j'en ai est de purement et simplement passer outre les « tooltip » du plugin.
Dans l'exemple que j'ai cité plus haut il modifie le contenu de la <div class="myText"> au survol et c'est ce à quoi je pensais, il faudra bien sûr modifier la position fonction de l'élément survolé.
Pour mouvoir cette <div> il faut que celle ci soit en position:absolute et par le fait le conteneur, <div class="mapcontainer">, en position:relative pour pouvoir servir de référent.
Pour le positionnement de la <div id="bulle">, ajoutée par le script, c'est un peu plus « sioux » mais pas insurmontable, il faut tenir compte de plusieurs facteurs que je ne décris pas là mais que j'ai commenté dans l'exemple. Le positionnement sera fait par rapport au centre de l'élément survolé.
Les données utilisées pourraient ressembler, selon ton code, à cela
dans 'content' tu peux mettre du code HTML donc des liens.Code:
2
3
4
5
6
7
8
L'exemple à tester pour voir ce que cela donne
Voilà à toi de jouer ;)Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
NOSmoking je te remercie beaucoup d'avoir trouver cette solution.
Cele marche parfaitement après adaptation.