web-dev-qa-db-fra.com

Existe-t-il d'autres options pour activer une zone cliquable de forme irrégulière sur une page Web autre que des images cliquables?

Nous avons des zones de forme irrégulière ... imaginez une carte des États des États-Unis. Imaginez également qu'à l'intérieur de chaque état se trouve une région rectangulaire contenant des graphiques et du texte. Nous voulons faire réagir chacun des états au passage de la souris/souris/clic.

S'il s'agit d'une page HTML directe (pas de Flash), y a-t-il d'autres façons de l'implémenter que des cartes d'images?

Si cela n'est pas possible, je considérerais également simplement que la région rectangulaire de chaque état réagit aux événements de la souris.

2
milesmeow

Est-ce que "HTML direct" signifie que vous pouvez utiliser Javascript? Si c'est le cas, considérez la bibliothèque Raphael javascript , qui encapsule SVG. Consultez leur page d'accueil pour un excellent aperçu de ce que vous pouvez faire, y compris cet exemple de comtés (?) D'Australie: http://raphaeljs.com/australia.html

Vous pouvez également envisager processing.js , qui est une bibliothèque de visualisation similaire mais qui enveloppe le canevas par opposition à SVG.

2
Rahul

Avec les navigateurs modernes, vous pouvez utiliser des sprites CSS et un balisage très propre pour faire la même chose. Voici un excellent tutoriel sur leur utilisation sur A List Apart. Lisez l'intégralité de l'article, mais consultez la section "Formes irrégulières".

http://www.alistapart.com/articles/sprites

0
Jim Jarrett