[RÉGLÉ] afficher un champ sous condition :)

[Cosmic]

Bonjour les gens,
j'ai une question très compliquée - pour moi c'est juste un rêve de pouvoir un jour y répondre seul (et je ne sais même pas si c'est possible)

je vous explique ma question:

nos amis de chez FlexiContent nous offre la possibilité d'afficher le statut de la publication et donc dans le cas de mon site web:


- publié : https://smilecollector.photos/fr/375

<div class="flexi value field_state">
<span class="icon-publish  hasTooltip" title="" data-original-title="Statut : Publié"></span>
<span class="fc-mssg-inline fc-info fc-iblock fc-nobgimage">Publié</span>
</div>

- en cours : https://smilecollector.photos/fr/titre-en-attentenote: ne vous inquiétez pas pour le "titre en attente", c'est normal

<div class="flexi value field_state">
<span class="icon-checkmark-2  hasTooltip" title="" data-original-title="Statut : En cours"></span>
<span class="fc-mssg-inline fc-info fc-iblock fc-nobgimage">En cours</span>
</div>

l'idée est d'utiliser cette fonction afin de signaler à mes visiteurs que toutes les photos ne sont pas encore publiées... du coup il n'a vraiment son utilité que dans le cas de "en cours"

bon alors, les galeries étant gérée via un autre module, ça m'évitera de rentrer et sauver des articles puisque le statut peut être changé facilement sans entrer dedans... (j'ai des soucis de stabilité sur mon site web et moins je fais de manip' mieux c'est... - quelque chose m'empêche d'accéder correctement à mes sites et on cherche entre OVH-VOO-ENOD-MSI...)

et puis, quitte à montrer qqch, autant utiliser les outils à ma disposition


d'où ma question: est-il possible d'appliquer un css différent tenant compte du "contenu" du span? par exemple cacher le statut s'il est publié et le mettre en rouge/gras s'il est "en cours"...

j'ai regardé sur le web et j'ai vu qu'on pouvait le faire avec du java mais si c'est désactivé, je suis marron non?

pour info, des extensions du style "module anywhere" et autres de Regular Labs ne fonctionnent pas sur ce site...

par contre, si qqn a une autre idée facile - n'hésitez pas

j'espère que j'ai été assez clair...
merci

[pmleconte]

Bonjour,

Cela peut se faire avec un peu de CSS, en jouant avec les classes icon-publish et icon-checkmark-2 (si toutefois elles correspondent bien au fonctionnement souhaité).

J'ai fait un petit fiddle montrant l'activation du CSS en fonction du span précédent : https://jsfiddle.net/pmleconte/s5zhnek4/13

Pascal

[Cosmic]

Je ne savais même pas (encore) qu'on pouvait baser qqch sur la ligne du dessus
c'est génial merci