Cet exercice est inspiré de l'article Cross Platform Scalable Vector Graphics with svgweb publié sur A List Apart.
SVGWeb est une bibliothèque JavaScript facilitant la manipulation de fichiers SVG côté client. Cette bibliothèque étend de plus le support de SVG aux navigateurs qui n'en sont pas nativement pourvus. Pour cela, il suffit de télécharger la bibliothèque, et d'appeler le fichier SVG en utilisant un élément object
et les commentaires conditionnels pour traiter le cas Internet Explorer.
Nous allons commencer par analyser ensemble le code du fichier exo18vide.html.
object
?litTableau
(elle n'est pas nécessaire au fonctionnement de la bibliothèque). Que renvoie-t-elle ?Compléter la fonction init
. Cette fonction :
contentDocument
de l'objet de type élément renvoyé par getElementById
) ;path
correspondant ;title
le nom du département (lu dans le tableau) et le faire afficher dans une boîte d'alerte quand on clique dessus.Cette bibliothèque permet de simplement tracer, côté client, des cartes interactives en SVG, quel que soit le navigateur, pour peu que l'on connaisse quelques rudiments de JavaScript.