5545 sujets
Sémantique web et HTML
Bonjour,
La question manque de contexte.
Tu veux faire quoi ? Montrer à l'utilisateur une liste de couleurs affichées sous une forme qui reste à définir et récupérer le code (ou le nom?) de la couleur dans une variable javascript pour une utilisation ultérieure dans la page ?
Ou bien tu as tes 12 couleurs affichées sous une forme restant à définir dans un formulaire, et l'utilisateur doit pouvoir cliquer sur l'une d'entre elles puis valide le formulaire et l'information est envoyée au serveur ?
Ou bien est-ce pour faire autre chose ?
Amicalement,
Modifié par parsimonhi (01 Feb 2022 - 14:35)
La question manque de contexte.
Tu veux faire quoi ? Montrer à l'utilisateur une liste de couleurs affichées sous une forme qui reste à définir et récupérer le code (ou le nom?) de la couleur dans une variable javascript pour une utilisation ultérieure dans la page ?
Ou bien tu as tes 12 couleurs affichées sous une forme restant à définir dans un formulaire, et l'utilisateur doit pouvoir cliquer sur l'une d'entre elles puis valide le formulaire et l'information est envoyée au serveur ?
Ou bien est-ce pour faire autre chose ?
Amicalement,
Modifié par parsimonhi (01 Feb 2022 - 14:35)
Bonjour,
Avant de poser de nouvelles questions ici, tu pourrais conclure le dernier sujet que tu as ouvert.
Pour mémoire:
https://forum.alsacreations.com/topic-2-89143-1.html
Bye.
Avant de poser de nouvelles questions ici, tu pourrais conclure le dernier sujet que tu as ouvert.
Pour mémoire:
https://forum.alsacreations.com/topic-2-89143-1.html
Bye.
Bonjour,
Il existe un <input type="color">. Mais il affiche un "color picker" permettant de choisir n'importe quelle couleur. Donc ce n'est pas très approprié ici. À noter qu'il est possible d'indiquer une liste de couleurs prédéfinies pour un <input type="color">, auquel cas, il va afficher en plus du "color picker" une liste de boutons (un pour chaque couleur prédéfinie), mais ça n'empêche pas l'utilisateur de choisir quand même une autre couleur que celles prédéfinies. Et en plus, c'est malheureusement bogué depuis une éternité dans Firefox. Voir un exemple à https://jsfiddle.net/parsimonhi/1vntr9k0/
Du coup, soit on fait une liste de <input type="radio"> comme le suggère _Laurent (un pour chaque couleur), qu'on recouvre éventuellement avec quelque chose qui serait colorié dans la couleur correspondante, soit on peut faire une liste de <button> coloriés par chacune des couleurs, et au clic sur un bouton mettre à jour avec du js l'attribut "value" d'un <input type="hidden">.
Amicalement,
Il existe un <input type="color">. Mais il affiche un "color picker" permettant de choisir n'importe quelle couleur. Donc ce n'est pas très approprié ici. À noter qu'il est possible d'indiquer une liste de couleurs prédéfinies pour un <input type="color">, auquel cas, il va afficher en plus du "color picker" une liste de boutons (un pour chaque couleur prédéfinie), mais ça n'empêche pas l'utilisateur de choisir quand même une autre couleur que celles prédéfinies. Et en plus, c'est malheureusement bogué depuis une éternité dans Firefox. Voir un exemple à https://jsfiddle.net/parsimonhi/1vntr9k0/
Du coup, soit on fait une liste de <input type="radio"> comme le suggère _Laurent (un pour chaque couleur), qu'on recouvre éventuellement avec quelque chose qui serait colorié dans la couleur correspondante, soit on peut faire une liste de <button> coloriés par chacune des couleurs, et au clic sur un bouton mettre à jour avec du js l'attribut "value" d'un <input type="hidden">.
Amicalement,