Créer un bouton intéractif

Résolu/Fermé

julien_7324 Messages postés 98 Date d'inscription mercredi 4 septembre 2019 Statut Membre Dernière intervention 9 juillet 2023 - Modifié le 31 mai 2020 à 22:54
julien_7324 Messages postés 98 Date d'inscription mercredi 4 septembre 2019 Statut Membre Dernière intervention 9 juillet 2023 - 2 juin 2020 à 10:30

Bonjour, j'aimerai créer un bouton dans ma page html.
C'est un bouton qui permet à l'utilisateur de choisir entre le thème sombre et le thème clair.
Si l'utilisateur clique sur la partie du bouton qui correspond au thème sombre, le bouton change de couleur et la page s'assombrie. Et la même chose mais à l'inverse si l'utilisateur clique sur la partie thème clair.

Bref j'ai besoin de votre aide pour la confection du bouton et pour la mise en place.
Je ne sais pas si je dois créer deux images du même bouton mais de deux couleurs différentes ?
Je ne sais pas comment m'y prendre pour mettre en place ce bouton.
Merci

Configuration: Macintosh / Safari 13.1

A voir également:

Créer un bouton intéractif
Créer un compte google - Guide
Créer un compte gmail - Guide
Comment créer un groupe whatsapp - Guide
Créer un compte instagram sur google - Guide
Comment creer un pdf - Guide

2 réponses

Réponse 1 / 2

jordane45 Messages postés 38372 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 9 janvier 2025 4 722
1 juin 2020 à 11:23

Bonjour,

Déjà... connais tu le CSS ?
Le Javascript ?

Car c'est déjà à partir de ça que tu auras un début (voir la totalité...) de ta réponse.

bg62 Messages postés 23666 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 2 janvier 2025 2 392
1 juin 2020 à 19:37

lut :)
+ aussi peut-être faire une recherche sur le terme " switcher " et nous dire comment est codée ta page ...

julien_7324 Messages postés 98 Date d'inscription mercredi 4 septembre 2019 Statut Membre Dernière intervention 9 juillet 2023 23 > bg62 Messages postés 23666 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 2 janvier 2025
2 juin 2020 à 10:22

salut, ma page utilise l'encodage UNICODE (UTF-8)

Réponse 2 / 2

julien_7324 Messages postés 98 Date d'inscription mercredi 4 septembre 2019 Statut Membre Dernière intervention 9 juillet 2023 23
2 juin 2020 à 10:17

Bonjour,
bien sur que je connais le CSS. C'est essentiel de le connaitre lorsqu'on programme en HTML.
J'arrive à créer des simples boutons (avec un lien) en CSS. Mais là c'est un bouton complexe que j'aimerai créer.

Par contre je ne sais pas programmer en javascript. Est ce que il faut l'utiliser ?

jordane45 Messages postés 38372 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 9 janvier 2025 4 722
2 juin 2020 à 10:24

Oui, le Javascript va te permettre de changer de feuille de style par exemple...
Et comme il t'a été proposé... fais donc une recherche sur le mot switcher ( +css + javascript) tu devrais trouver ce dont tu as besoin.

julien_7324 Messages postés 98 Date d'inscription mercredi 4 septembre 2019 Statut Membre Dernière intervention 9 juillet 2023 23 > jordane45 Messages postés 38372 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 9 janvier 2025
2 juin 2020 à 10:30

ok merci

Discussions similaires

Comment créer un compte torrent ?

créer une adresse gmail pour une autre personne