Application de styles suivant espace

yegor

5 Oct 2010 à 11:09

Bonjour,

nous avons un site qui dispose de plusieurs espaces. Pour chaque espace, une couleur est associée.
Le prestataire qui a développé le site (sous Typo3) a mis en place un petit script permettant de changer de classe :

<SCRIPT language="Javascript">
if('collaborateur'!=<span id="classeatester">'collaborateur'</span>){
$(".collaborateur").switchClass('collaborateur', <span id="classeachanger">'collaborateur'</span>);
}

</SCRIPT>

Ce script marche bien, mais un clignotement systématique se produit à chaque changement d'espace : la couleur bleue de l'espace collaborateur apparaît puis disparait pour laisser place à la couleur adéquate.

je cherche une solution pour éviter ce clignotement.

Merci pour vos retours

Patidou

5 Oct 2010 à 11:52

C'est plus facile de mettre un id sur le <body> suivant l'espace et de jouer sur l'héritage css :


<body id="collaborateur">
<span id="name">nom</span>
</body>


<body id="directeur">
<span id="name">nom</span>
</body>


/*quand c'est un collabo, en rouge*/

#collaborateur span#name {color: red;} 


/*quand c'est un directeur, en bleu*/

#directeur span#name {color: blue;}

Pas de clignotement. Smiley smile

CSS et mise en forme, CSS3

Application de styles suivant espace