Tooltip sobre SVG
A l'arxiu svg, cada capa està especificada posant nom a la seva classe (class='nom_de_la_capa').
Fora l'svg hi ha capes ocultes que es relacionen amb les de l'svg amb el mateix nom de la capa com a id (id='nom_de_la_capa').
Al passar per sobre es mostren seguint el moviment del punter del ratolí.
Utilitza un script de javascript sense necessitat de cap llibreria, per mostrar i amagar les capes d'informació i per fer el seguiment del ratolí.
Exemple sobre el mapa de les vegueries de Catalunya.
Fora l'svg hi ha capes ocultes que es relacionen amb les de l'svg amb el mateix nom de la capa com a id (id='nom_de_la_capa').
Al passar per sobre es mostren seguint el moviment del punter del ratolí.
Utilitza un script de javascript sense necessitat de cap llibreria, per mostrar i amagar les capes d'informació i per fer el seguiment del ratolí.
Exemple sobre el mapa de les vegueries de Catalunya.
Descarregar
tooltip_svg.zip [ca]
44 kb
44 kb
El disseny del mapa SVG, així com el codi javascript per mostrar els Tooltips, són originals de BinariEM.
Sou lliures d'utilitzar-lo amb la finalitat que vulgueu, sempre que se citi l'autoria i la font.
Creat per arnAu bellavista; codi original a BinariEM.
Sou lliures d'utilitzar-lo amb la finalitat que vulgueu, sempre que se citi l'autoria i la font.
Creat per arnAu bellavista; codi original a BinariEM.
Alt Pirineu i Aran
· Sort
· Sort
Girona
· Girona
· Girona
Central
· Manresa
· Manresa
Ponent
· Lleida
· Lleida
Barcelona
· Barcelona
· Barcelona
Camp de Tarragona
· Tarragona
· Tarragona
Terres de l'Ebre
· Amposta
· Amposta