IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Coder des secteurs de cercle cliquables


Sujet :

JavaScript

  1. #1
    Candidat au Club
    Homme Profil pro
    Enseignant
    Inscrit en
    septembre 2022
    Messages
    8
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Enseignant

    Informations forums :
    Inscription : septembre 2022
    Messages : 8
    Points : 3
    Points
    3
    Par défaut Coder des secteurs de cercle cliquables
    Bonjour la communauté,

    Je découvre progressivement le langage JS pour développer un site web à but éducatif.
    Mes connaissances étant encore très limitées, j'aimerais un petit coup de main pour coder une de mes pages comme ci-dessous :
    Nom : Secteur de cercle.jpg
Affichages : 102
Taille : 88,2 Ko

    Le but est que chaque secteur de cercle (chaque "part de pizza") soit cliquable et redirige vers une nouvelle page.
    De plus, dans l'idéal, j'aimerais que chaque partie du dessin puisse se remplir suivant une progression définie par la réponse à un questionnaire.

    L'un de vous serait-il en mesure de me présenter un tel code ou au moins de m'aiguiller ?! (Je ne suis même pas sûr que JavaScript soit la meilleure solution...)

    Merci d'avance !

  2. #2
    Expert éminent sénior
    Avatar de mathieu
    Profil pro
    Inscrit en
    juin 2003
    Messages
    9 488
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : juin 2003
    Messages : 9 488
    Points : 14 465
    Points
    14 465
    Par défaut
    en html vous pouvez définir des zones sur une images. ces zone peuvent être dessinées avec gimp par exemple ou alors avec ce site :
    https://imagemap.org/

    à partir de ces zones, vous pourrez ensuite savoir si la zone est cliquée et changer son contenu.
    pour le remplissage des zones, allez vous enregistrer les informations dans une base de données ou cela va seulement se passer dans la navigateur ?

  3. #3
    Candidat au Club
    Homme Profil pro
    Enseignant
    Inscrit en
    septembre 2022
    Messages
    8
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Enseignant

    Informations forums :
    Inscription : septembre 2022
    Messages : 8
    Points : 3
    Points
    3
    Par défaut
    Merci pour ces infos, je vais regarder ça de suite

    Pour les données, j'aimerais les récupérer sur un fichier (SQL ou PHP, je n'en suis pas encore là ^^)

  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    janvier 2011
    Messages
    16 259
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : janvier 2011
    Messages : 16 259
    Points : 41 648
    Points
    41 648
    Par défaut
    Bonjour,
    L'un de vous serait-il en mesure de me présenter un tel code ou au moins de m'aiguiller ?!
    une solution « presque » clé en main avec la bibliothèque ChartJS : Multi Series Pie, et il en existe d'autres.

  5. #5
    Candidat au Club
    Homme Profil pro
    Enseignant
    Inscrit en
    septembre 2022
    Messages
    8
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Enseignant

    Informations forums :
    Inscription : septembre 2022
    Messages : 8
    Points : 3
    Points
    3
    Par défaut
    Merci pour l'info, je vais essayer de me dépatouiller avec tout ça !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Coder des secteurs de cercle cliquables
    Par Latulipe2 dans le forum Débuter avec Java
    Réponses: 3
    Dernier message: 22/09/2022, 16h02
  2. Des inline block partiellement cliquables
    Par Halex78 dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 01/04/2009, 19h43
  3. coder des grandes entier
    Par you.baddi dans le forum C
    Réponses: 3
    Dernier message: 01/01/2009, 03h33
  4. Extraire et coder des données ACCESS vers EXCEL
    Par cyrilounet08 dans le forum Requêtes et SQL.
    Réponses: 4
    Dernier message: 25/01/2008, 10h41
  5. Réponses: 1
    Dernier message: 21/11/2006, 18h00

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo