Checkbox grisée ?

Checkbox grisée ? - HTML/CSS - Programmation

Marsh Posté le 13-09-2007 à 14:04:39    

Hello,
 
Ya pas un moyen HTML de faire un input "checkbox" avec 3 états (coché, décoché, grisé) ? Il me semblait que c'était possible mais je ne treouve plus rien dans la doc.
 
merci [:pingouino]
 


---------------
Contes de fées en yaourt --- --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique
Reply

Marsh Posté le 13-09-2007 à 14:04:39   

Reply

Marsh Posté le 13-09-2007 à 14:06:43    

Nan spas possible. Images et javascript.

Reply

Marsh Posté le 13-09-2007 à 14:12:33    

Caca.


---------------
Contes de fées en yaourt --- --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique
Reply

Marsh Posté le 13-09-2007 à 14:59:14    

<input name="toto" type="checkbox" disable="disable" />
 
C'est pas ça ce que tu cherches pour le coup du grisé?

Reply

Marsh Posté le 13-09-2007 à 15:45:36    

rufo a écrit :

<input name="toto" type="checkbox" disable="disable" />

 

C'est pas ça ce que tu cherches pour le coup du grisé?


Pas vraiment, ça ça envoie toujours la même valeur au POST, mais c'est juste désactivé.

 

Grisé c'est pas de croix, un fond gris à la place, un état "entre coché et décoché" quoi


Message édité par theredled le 13-09-2007 à 15:46:12

---------------
Contes de fées en yaourt --- --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique
Reply

Marsh Posté le 13-09-2007 à 16:09:34    

ah oui, comme dans windows quand tu sélectionnes plusieurs fichiers et que tu fais "propriétés" et là, si tous les fichiers sont pas tous en lecture seule, la case est grisée (ou carré sous XP).

Reply

Marsh Posté le 13-09-2007 à 16:41:53    

pas possible directement  
 
donc des images, et des onclick

Reply

Marsh Posté le 13-09-2007 à 17:40:34    

donc en correct tu cherches:

Code :
  1. <input name="toto" type="checkbox" disabled="disabled" />

Reply

Marsh Posté le 13-09-2007 à 18:09:38    

leflos5 a écrit :

donc en correct tu cherches:

Code :
  1. <input name="toto" type="checkbox" disabled="disabled" />



toujours pas non :o

rufo a écrit :

ah oui, comme dans windows quand tu sélectionnes plusieurs fichiers et que tu fais "propriétés" et là, si tous les fichiers sont pas tous en lecture seule, la case est grisée (ou carré sous XP).


vala


Message édité par theredled le 13-09-2007 à 18:10:26

---------------
Contes de fées en yaourt --- --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique
Reply

Marsh Posté le 13-09-2007 à 19:31:45    

Dans l'exemple donné:
* pas de tick = pas lecture seule pour tous
* tick = lecture seule pour tous
* tick grisé = lecteur seule pour ceux actuellement en lecture seule (ie on modifie pas pour tous)
 
C'est bien ça :??:
 
LA en effet si tu veux un troisième état, je vois mal comment y arriver proprement :D
 
Tu peux jouer avec un onclick associé à une modif de l'attribut disabled pour l'effet visuel.
 
Après pour le résultat, faudrait jouer avec un hidden, c'est laid :whistle:
Et puis sans JS...
 
 
Le but de cette recherche :??:

Reply

Marsh Posté le 13-09-2007 à 19:31:45   

Reply

Marsh Posté le 13-09-2007 à 20:16:09    

leflos5 a écrit :

Dans l'exemple donné:
* pas de tick = pas lecture seule pour tous
* tick = lecture seule pour tous
* tick grisé = lecteur seule pour ceux actuellement en lecture seule (ie on modifie pas pour tous)
 
C'est bien ça :??:
 
LA en effet si tu veux un troisième état, je vois mal comment y arriver proprement :D
 
Tu peux jouer avec un onclick associé à une modif de l'attribut disabled pour l'effet visuel.
 
Après pour le résultat, faudrait jouer avec un hidden, c'est laid :whistle:
Et puis sans JS...


C'est bon je l'ai fait :o j'ai combiné un checkbox on/off avec une image "checkbox grisé", c'est crade mais ça marche, après je vais surement refaire avec 3 images, ou une seule + DOM.
 
Pourquoi "c'est laid" avec du hidden ?
 
Sinon sans JS, jmen fout, c'est pour une admin, d'ailleurs même le site est pas prévu sans JS [:natas]


---------------
Contes de fées en yaourt --- --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique
Reply

Marsh Posté le 13-09-2007 à 23:01:33    

C'est laid parce que ça repose sur du JS et que sans on a pas un fonctionnement dégradé pour un sous, mais une impossibilité à gérer le truc :o

Reply

Marsh Posté le 13-09-2007 à 23:19:39    

leflos5 a écrit :

C'est laid parce que ça repose sur du JS et que sans on a pas un fonctionnement dégradé pour un sous, mais une impossibilité à gérer le truc :o


RAB, pour les raisons évoquées ci-dessus :o
 
Le site à la limite serait modifiable facilement pour gérer le no-JS, mais l'admin rien à foutre.


Message édité par theredled le 13-09-2007 à 23:21:03

---------------
Contes de fées en yaourt --- --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique
Reply

Marsh Posté le 14-09-2007 à 00:02:14    

Belle mentalité :o
 
T'es sûr que ça peut pas se faire autrement, et que conceptuellement t'as 3 états au même niveau :??:
 
Pourquoi les représenter en checkbox alors? Surtout que c'est un état à la fois de ce que je comprend, donc pourquoi pas une liste, ou 3 checkbox :??:
 
Faire un goody d'affichage soit, palier un défaut de conception, ou faire de mauvais choix d'affichage...
 
Si tu n'as RAB c'est ton problème, vois ça avec un anatomiste :o

Reply

Marsh Posté le 14-09-2007 à 00:21:27    

C'est dans un tableau, j'ai une colonne avec 1 case par ligne, 3 possibilités : coché, décoché, et "je sais aps encore". Question de place et d'ergonomie le mieux c'est un checkbox à 3 états.

 

Et franchement si c'est si inadmissible de faire du JS-only, tous les sites en DHTML/AJAX sont donc à foutre a la poubelle ?
Surtout que dans mon cas, ya 0 chances sur 1000 que le JS soir désactivé.

 

Je vais pas m'amuser à faire un truc moche et pas pratique, pour une éventualité qui n'arrivera jamais [:pingouino dei]

Message cité 1 fois
Message édité par theredled le 14-09-2007 à 00:25:20

---------------
Contes de fées en yaourt --- --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique
Reply

Marsh Posté le 14-09-2007 à 01:50:36    

Ajax ça n'a rien à voir...
 
Que tu maitrises l'environnement est une chose, que tu t'en satisfasses pour aller à la facilité en est une autre...
 
Dans un tableau tu peux très bien mettre une liste ou 3 checkbox :spamafote:
 
Ce qui est pas pratique est souvent mal pensé, avis perso :o

Reply

Marsh Posté le 14-09-2007 à 09:11:22    

leflos5 a écrit :

C'est laid parce que ça repose sur du JS et que sans on a pas un fonctionnement dégradé pour un sous, mais une impossibilité à gérer le truc :o


prevoir un comportement dégradé pour un site publique c'est bien  
 
pour un intranet /Extranet ( donc un site pour lequel tu peux fixer les prerequis ) les contraintes sont pas les memes
 

theredled a écrit :

C'est dans un tableau, j'ai une colonne avec 1 case par ligne, 3 possibilités : coché, décoché, et "je sais aps encore". Question de place et d'ergonomie le mieux c'est un checkbox à 3 états.
 
Et franchement si c'est si inadmissible de faire du JS-only, tous les sites en DHTML/AJAX sont donc à foutre a la poubelle ?
Surtout que dans mon cas, ya 0 chances sur 1000 que le JS soir désactivé.
 
Je vais pas m'amuser à faire un truc moche et pas pratique, pour une éventualité qui n'arrivera jamais [:pingouino dei]


le cas le plus 'courant' de navigateur sans js ( mis a part le barbu qui n'a que ce qu'il merite ) c'est les navigateurs vocaux (pour aveugles )  
 
sinon, tu peux gérer ca avec des radio + hidden ca conserve le sens et le js n'est la que pour la mise en forme

Reply

Marsh Posté le 14-09-2007 à 10:20:45    

En fait le comportement dégradé à prévoir c'est 'pas de JS+pas de CSS (sauf display-none et visibility-hidden)' c'est bien ça ? Ca a pas d'intéret de prévoir un site JS+pas de css ou css+pas de js ?


---------------
Contes de fées en yaourt --- --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique
Reply

Marsh Posté le 14-09-2007 à 10:29:15    

oui  
 
tu vas pas non plus faire tous les cas, il faut simplement que dans tous les cas, les fonctionnalités du site soient accessibles

Reply

Marsh Posté le 14-09-2007 à 10:30:33    

flo850 a écrit :

oui

 

tu vas pas non plus faire tous les cas, il faut simplement que dans tous les cas, les fonctionnalités du site soient accessibles


Faudrait savoir :o

 

Genre moi mon site il marche sans JS et sans CSS, mais juste sans CSS il marche pas (le JS modifie la taille de div qui n'ont plus la mm présentation), et juste sans JS non plus (qqs element de menu non visibles grace a overflow:hidden)

Message cité 1 fois
Message édité par theredled le 14-09-2007 à 10:34:17

---------------
Contes de fées en yaourt --- --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique
Reply

Marsh Posté le 14-09-2007 à 10:32:31    

theredled a écrit :


Faudrait savoir :o


 
 
j'ai merdé
 
la bonne version :  
tu vas pas non plus faire tous les cas, il faut simplement que dans le pire des cas, les fonctionnalités du site soient accessibles  
 
tu peux demander à qqun qui n'a pas de css de desactiver js ( ou l'inverse ) , tu ne peux pas demander a un navigateur qui ne gere pas le css de fontionner

Reply

Marsh Posté le 14-09-2007 à 10:36:20    

yeah alors c'est cool [:ojap]


---------------
Contes de fées en yaourt --- --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique
Reply

Marsh Posté le 14-09-2007 à 10:39:02    

tant qu'on y est, vous connaissez une manière de consulter un site sans js, sans css sauf display-none etc, et sans images ?
 
La dev bar de FF fait pas ça facilement.


---------------
Contes de fées en yaourt --- --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique
Reply

Marsh Posté le 14-09-2007 à 10:40:04    

links?

Reply

Marsh Posté le 14-09-2007 à 10:58:32    

http://test.bubblebeat.com pour mon site

 

edit : actuellement il ne marche pas sans js, il faut que je change les href.

 

edit2 : et pour la checkbox, désolé je garde l'admin pour moi :D


Message édité par theredled le 14-09-2007 à 11:06:55

---------------
Contes de fées en yaourt --- --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique
Reply

Marsh Posté le 14-09-2007 à 11:20:27    

Ah non, je parlais du navigateur Links: pas d'images, de javascript ou de css.

Reply

Marsh Posté le 14-09-2007 à 11:22:45    

c'est lynx

Reply

Marsh Posté le 14-09-2007 à 11:27:24    

arf :D


---------------
Contes de fées en yaourt --- --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique
Reply

Marsh Posté le 14-09-2007 à 11:46:00    

TheRedLed > C'est moi ou tu cherches un navigateur qui ne s'amusera à gérer que les deux ou trois effets de styles les plus gênants du css? Le jour où tu trouveras un navigateur qui fait ça, alors fait nous signe par ce que ça sera du jamais vu.

Reply

Marsh Posté le 14-09-2007 à 14:10:36    

omega2 a écrit :

TheRedLed > C'est moi ou tu cherches un navigateur qui ne s'amusera à gérer que les deux ou trois effets de styles les plus gênants du css? Le jour où tu trouveras un navigateur qui fait ça, alors fait nous signe par ce que ça sera du jamais vu.


Tu te trompes, je cherche un navigateur, soit qui simule le pire (no js no css no images) soit qui simule la lecture d'un navigateur vocal (idem + display et visibility interprétés)


Message édité par theredled le 14-09-2007 à 14:10:47

---------------
Contes de fées en yaourt --- --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique
Reply

Marsh Posté le 14-09-2007 à 14:46:24    

Avec firefox (au moins 2.x, je n'ai pas de 1.x ici pour vérifier si c'est pareil ) :
menu affichage / Style de la page / aucun style => Te voilà en navigation sans css qu'ils soient au niveau des balises ou dans un fichier à part.
menu outils / options. Dans la nouvelle fenêtre tu cliques sur "contenu" puis tu décoches "activer le javascript". => Te voilà en mode sans javascript.
 
opera dispose d'un mode "emulation d'un navigateur texte"  : http://help.opera.com/Windows/9.21/fr/menus.html (menu style d'après ce site)
 
Pour les navigateurs vocaux, la version de démo de jaws permettrait 40 minutes d'utilisation. Ensuite il suffirait de redémarrer l'ordinateur pour avoir droit à nouveau à 40 minutes d'utilisation. ( ils en parlent ici : http://forum.alsacreations.com/top [...] ocal-.html )
 
Il y a surement d'autres navigateurs, je ne les connais pas tous.

Reply

Marsh Posté le 14-09-2007 à 16:09:01    

pour FF, le seul petit problème c'est que le css revient en cliquant sur un lien [:marc] et que le JS, au contraire est désactivé sur toutes les fenetres :/
 
je vais regarder sur Opera.


---------------
Contes de fées en yaourt --- --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique
Reply

Marsh Posté le 14-09-2007 à 17:51:24    

C'est marrant, avec de poster mon message précédant, j'ai fait l'essai sur mon site personnel et c'est resté sur "aucun style". Peut être qu'il reprend le style quand on change de site ou qu'on donne un nom à la feuille de style (Je viens de réaliser que j'en ai pas précisé pour mon site)

Reply

Marsh Posté le 18-09-2007 à 13:56:22    

leflos5 a écrit :

Belle mentalité :o
 
T'es sûr que ça peut pas se faire autrement, et que conceptuellement t'as 3 états au même niveau :??:
 
Pourquoi les représenter en checkbox alors? Surtout que c'est un état à la fois de ce que je comprend, donc pourquoi pas une liste, ou 3 checkbox :??:
 
Faire un goody d'affichage soit, palier un défaut de conception, ou faire de mauvais choix d'affichage...
 
Si tu n'as RAB c'est ton problème, vois ça avec un anatomiste :o


 
3 boutons radio :)

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed