[spip-dev] [spip-commit] r17042 - spip/ecrire/inc

Effectivement, mon implémentation n'est ici pas très générique, je vais reprendre le no-js/js sur le html de Paul Irish
Pour la classe jsnone en elle même elle a son intérêt en terme de réutilisation,
mais il faudrait voir ce qui parlerait mieux à l'usage comme nom.

Cédric

Le mieux est de placer un sélecteur sur le body, par exemple .nojs, qui sera remplacé par .js après chargement complet des javascripts. Ceci permet de conditionner les affichages CSS selon que javascript est activé ou pas.

Apparemment Cédric a besoin de compléter de sélecteurs dans la page, sur le modèle de ceux qu'on retrouve souvent dans les frameworks CSS :

.none pour effacer d'un display: none
.hidden pour masquer d'un visibility: hidden
.over pour envoyer balader hors champ

qui pourraient donc être déclinés ainsi :

.none-js et .none-nojs
.hidden-js et .hidden-nojs
.over-js et .over-nojs

Mes deux sous.

-- Romy

2011/1/30 romy@rezo.net <romy@rezo.net>

Un cas concret : dans le panneau d'admin des plugin, le bouton de validation n'apparait que lorsqu'on coche une case pour activer/desactiver un plugin.
Manque de bol, si il n'y a pas de js, le bouton n'apparait jamais.
En lui mettant une classe none-js, il sera masqué au chargement si javascript est activé, ce qui permet le comportement enrichi ci-dessus, et affiché au chargement si javascript n'est pas activé dans le navigateur.
De même les classe .js et .no-js permettent de modifier les css en fonction de la présence ou non de javascript, pour avoir un affichage cohérent et accessible dans tous les cas.

Cédric

* L'oiseau2nuit tapuscrivait, le 30/01/2011 20:39:

OK, avec un cas concret, c’est déjà tout de suite beaucoup plus parlant !
Merci pour l’éclaircissement Cédric :wink:
Et pour le lien, RealET :wink:

2011/1/30 RealET <real3t@gmail.com>