javascript, Insérer un strong dans un texte

[stefou]

Bonjour à tous,

Je souhaite sous condition que la valeur invité est supérieur à zéro qu'elle s'affiche en gras et rouge

Transformer ceci:
Il y a en tout 36 visiteurs en ligne :: 5 Membres, 2 Invisibles et 29 Curieux :: 2 Moteurs de recherche

En ceci:
Il y a en tout 36 visiteurs en ligne :: 5 Membres, 2 Invisibles et 29 Curieux :: 2 Moteurs de recherche

Pour la condition je ne devrais pas avoir de problème, mon souci est d'arriver à envelopper cette valeur dans une balise.
Merci.

[Ange Tuteur]

Bonjour stefou,

Vous pouvez utiliser ce script pour ajouter une balise :

Code:

$(function() {
  var who = document.getElementById('i_whosonline');
  if (who && who.nextSibling && who.nextSibling.nodeType != 3) {
    who = who.nextSibling;
    who.innerHTML = who.innerHTML.replace(/^(.*?<strong id="strong2">\d+<\/strong>.*?:: )(\d+)( .*?, )(\d+)( .*? )(\d+)( .*?:: )(\d+)( .*?<br>)/, '$1<span id="qeel_member">$2</span>$3<span id="qeel_hidden">$4</span>$5<span id="qeel_guest">$6</span>$7<span id="qeel_bot">$8</span>$9');
  }
});

#qeel_member = membres
#qeel_hidden = invisibles
#qeel_guest = invités
#qeel_bot = moteurs

Ensuite, vous pouvez ajouter une condition :

Code:

var hidden = document.getElementById('qeel_hidden');
if (hidden && +hidden.innerHTML > 0) {
  hidden.innerHTML = '<strong style="color:#F00">' + hidden.innerHTML + '</strong>';
}

dans le script :

Code:

$(function() {
  var who = document.getElementById('i_whosonline');
  if (who && who.nextSibling && who.nextSibling.nodeType != 3) {
    who = who.nextSibling;
    who.innerHTML = who.innerHTML.replace(/^(.*?<strong id="strong2">\d+<\/strong>.*?:: )(\d+)( .*?, )(\d+)( .*? )(\d+)( .*?:: )(\d+)( .*?<br>)/, '$1<span id="qeel_member">$2</span>$3<span id="qeel_hidden">$4</span>$5<span id="qeel_guest">$6</span>$7<span id="qeel_bot">$8</span>$9');

    var hidden = document.getElementById('qeel_hidden');
    if (hidden && +hidden.innerHTML > 0) {
      hidden.innerHTML = '<strong style="color:#F00">' + hidden.innerHTML + '</strong>';
    }
  }
});

[stefou]

J'ai pas tout compris du code mais il est parfait
En plus vous avez ajouté une class pour chaque valeur
Mille Merci !