Aller au contenu

Une checkbox avec trois états


MS-DOS_1991

Sujets conseillés

Bonjour :)

Dans certains programmes (sous windows en tout cas), une case à cocher peut avoir trois états différents: décoché, coché et "à moitié coché".

Est-il possible d'obtenir cela sur le web ? je pense qu'avec du javascript ça doit se faire, mais je ne vois pas comment :huh:

Modifié par MS-DOS_1991
Lien vers le commentaire
Partager sur d’autres sites

Le "à moitié coché" doit correspondre à l'état "inactive" ou "disabled", non ?

A part cette condition, une checkbox est binaire: coché/décoché du moins en HTML.

Windows gère peut-être cela différemment, mais ce n'est pas du HTML ;)

Lien vers le commentaire
Partager sur d’autres sites

Le "à moitié coché" doit correspondre à l'état "inactive" ou "disabled", non ?

A part cette condition, une checkbox est binaire: coché/décoché du moins en HTML.

Windows gère peut-être cela différemment, mais ce n'est pas du HTML ;)

<{POST_SNAPBACK}>

Bonjour à toi, Dan

J'ai réussi à trouver un exemple avec PsPad:

210220061158126xe.th.jpg

Le 2ème case correspond à ce que je voudrais obtenir :unsure:

Modifié par MS-DOS_1991
Lien vers le commentaire
Partager sur d’autres sites

En HTML tu ne pourras pas simuler 3 états pour une checkbox.

Là c'est une appli Windows, on peut donc complètement oublier les normes du Web. S'ils veulent afficher des petits coeurs au milieu des checkboxes, libre à eux :)

Dan

Lien vers le commentaire
Partager sur d’autres sites

S'ils veulent afficher des petits coeurs au milieu des checkboxes, libre à eux :)

<{POST_SNAPBACK}>

Windows plein de petits coeurs, ça ce serait vu quand même :lol:

En HTML pure et dur, je doute que ce soit possible.

La solution que j'utiliserais serait d'utiliser une image pour represente l'etat du bouton, et de faire evolue cet etat par du javascript.

<{POST_SNAPBACK}>

Oui, c'est ce que je vais faire...

Merci de vos réponses B)

Lien vers le commentaire
Partager sur d’autres sites

il faut oublier les checkbox d'origine mais remplacer leur fonctionnement par un traitement 'maison'.

la solution ici est de passer par une image de tes etats checkbox et sur le onclick d'affecter le traitement qui va bien.

si etat = 0 alors on affiche l'image 0

si etat = 1 alors on affiche l'image 1

si etat = 2 alors on affiche l'image 2

des que l'on clique, passer a l'etat +1 sur mon echelle de 0 à 2

Lien vers le commentaire
Partager sur d’autres sites

Comprend plus :huh:: voici ce que je viens de pondre

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>test</title>
<script type="text/javascript">
function updateCheckbox(id)
{
if(document.getElementById(id).src == "check_0.png")
{
document.getElementById(id).src = "check_1.png";
}
else if(document.getElementById(id).src == "check_1.png")
{
document.getElementById(id).src = "check_2.png";
}
else
{
document.getElementById(id).src = "check_0.png";
}
}
</script>
</head>
<body>
<p onClick="updateCheckbox('check')"><img id="check" src="check_0.png" title="" /> label</p>
</body>
</html>

...mais ça ne marche pas seule la première image s'affiche (elles sont dans le même dossier que le fichier html)... où est ma faute ?

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...