Discussion :

[§Gama§]

Bonjour,
je sais que je peux modifier un élément d'une classe (background-image) via le style d'un noeud,
mais ayant assigné une classe à plein de noeuds, je ne vais tout de même pas les balayer pour les modifier un par un?
Je suppose qu'on peut modifier la class elle même dynamiquement dans sa globalité?
Je n'ai pas trouvé comment.

[Invité]

Bonjour,

En jQuery c'est tout simple :
$('laclass').css(.......);

[§Gama§]

merci, mais je ne peux pas utiliser JQUERY , du coup ca doit être similaire sur DOJO?
pour l'instant j'ai ceci:
dojo.query(".someClassName").style("background-image", "...");

ca a pour rôle de balayer les elements qui utilisent la classe, mais ca ne modifie pas la classe.

[SylvainPV]

Attention, en sélectionnant les éléments de la page et modifiant leur style inline, vous ne changerez pas la classe en elle-même ; tous les éléments de cette classe ajoutés dynamiquement a posteriori n'auront pas ces modifications.

Il ne faut pas voir les classes CSS comme des objets à manipuler, mais plus comme des indicateurs statiques, des étiquettes associées aux éléments. Du coup, si on doit mettre à jour les styles de tous les éléments d'une classe, ce n'est pas forcément la classe qu'il faut changer mais plutôt le sélecteur et la règle.

On peut par exemple ajouter une seconde classe aux éléments avec une règle qui surcharge la première, ou ajouter une autre classe sur un élément parent.

Bien sûr, c'est approprié si on gère 3-4 états différents maximum. Au delà, les classes ne sont pas appropriées, elles sont statiques et n'ont pas vocation à servir pour un usage dynamique (typiquement des URL d'images de fond variables).

[§Gama§]

merci,
oui bien sûr, mais je cherche plutôt quelque chose du genre 'variable' classe qui pourrait prendre la valeur d'une classe modifiée...

par exemple

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
.classefixe1{
}
.classefixe2{
}

pour faire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

maclassevariable = classefixe1

ou quelquechose du genre

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

maclassevariable = createclassfrom(classefixe1, background-position = background-position+100px)

et pouvoir faire des dojo.addClass(node, maclassevariable);.
C'est peut etre quelquechose à penser pour une future version de JS?