Partage
  • Partager sur Facebook
  • Partager sur Twitter

Zone Cercle Cliquable

23 mai 2018 à 15:36:17

Bonjour à tous,

J'aimerai faire des cercles cliquables autour d'un grand cercle.

-
Edité par Catman95 3 juillet 2018 à 13:40:13

  • Partager sur Facebook
  • Partager sur Twitter
23 mai 2018 à 17:10:17

Bonjour,

Étonnamment, l'usage de pourcentages pour les valeurs des areas était possible en HTML4, mais ne l'est plus, semble-t-il, en HTML5.

cf.: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/area

"In HTML4, the values are numbers of pixels or percentages, if a percent sign (%) is appended; in HTML5, the values are numbers of CSS pixels."

Tu vas donc être obligé de définir quelques tailles et coordonnées selon l'affichage et d'avoir recours aux media queries.

Ou alors de passer par JS pour modifier les valeurs en fonction de la taille de la map.

  • Partager sur Facebook
  • Partager sur Twitter
"La Vérité doit être dite, le monde dût-il en voler en éclats"  (J. G. Fichte)
23 mai 2018 à 17:24:59

Pourriez-vous me donner les librairies et me dire où les placer s'il vous plait ?

Merci par avance.

-
Edité par Catman95 4 juin 2018 à 10:12:04

  • Partager sur Facebook
  • Partager sur Twitter
23 mai 2018 à 17:36:44

"Les librairies" ? pas besoin de librairie JS pour modifier simplement les valeurs de l'argument coords.

Cela dit, je ne suis pas fort non plus en JS, demande plutôt sur le forum JS si une âme charitable veut te faire le code.

  • Partager sur Facebook
  • Partager sur Twitter
"La Vérité doit être dite, le monde dût-il en voler en éclats"  (J. G. Fichte)
24 mai 2018 à 10:36:17

Salut,

Pas besoin de Js ici


https://codepen.io/toutoclic/full/GdayqW/

-
Edité par Yo123456 24 mai 2018 à 10:37:48

  • Partager sur Facebook
  • Partager sur Twitter
24 mai 2018 à 15:58:55

Merci

-
Edité par Catman95 4 juin 2018 à 10:12:11

  • Partager sur Facebook
  • Partager sur Twitter
3 juillet 2018 à 13:35:41

Toutoclic,

Comment faire pour écrire au milieu des cercles verts et du grand cercle gris ?

Merci par avance.

-
Edité par Catman95 3 juillet 2018 à 13:40:38

  • Partager sur Facebook
  • Partager sur Twitter
3 juillet 2018 à 14:09:45

Salut,

Je l'ai mis à jour sur ce nouveau codepen ;)
https://codepen.io/toutoclic/pen/zabgLj

N'hésite pas si tu as encore des soucis

  • Partager sur Facebook
  • Partager sur Twitter