Couleur de certains mots dans la description des sujets

[Stations de ski]

Détails techniques

Version du forum : ModernBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Opera, Safari
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://forum.stationsdeski.net

Description du problème

Bonjour à tous!
Je me permets de vous déranger pour demander si certains connaissent des codes (javascript par exemple) pour modifier automatiquement la couleur de certains mots dans la description des sujets.

Je m'explique, le but serait de définir pour une liste de mots des couleurs, et si ces mots sont utilisés dans le champ "Description du sujet", la couleur serait affectée à ce mot dans la liste des sujets.
Exemple ci-dessous avec notre forum, et le résultat que je souhaite:


On aurait par exemple les mots:
"Mot 1" en bleu et en gras
"Mot 2" en rouge
Etc...
Lorsqu'un membre saisit dans la description "Mot1 - suite description", le Mot1 serait en bleu + gras.

Voila, merci d'avance pour votre aide!
Julien.

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Stations de ski]

Quelqu'un aurait une solution SVP?
Merci beaucoup!

[Invité]

Hello Stations de ski,

on peut avec ce script en respectant bien le contenu de chacun avoir le résultat escompté:


Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.

Cocher sur les sous-forums


Déposes ceci:

Code:


$(function(){
 
$('.topic-description:contains(Mot1)').addClass('blue');
$('.topic-description:contains(Mot2)').addClass('red');
 });



Penses à cliquer sur le bouton VALIDER

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajoutes ceci:

Code:


.topic-description.blue{color:blue;font-weight:bold;}
.topic-description.red{color:red;font-weight:bold;}


Penses à cliquer sur le bouton

a++

[Stations de ski]

Bonjour Milouze!
Merci beaucoup pour votre réponse, cela fonctionne super!
A bientôt et encore merci