javascript, Insérer un strong dans un texte

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu javascript, Insérer un strong dans un texte

Message par stefou le Mar 22 Sep 2015 - 14:55

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.


Dernière édition par stefou le Mar 22 Sep 2015 - 17:23, édité 1 fois
avatar

stefou
*****

Masculin
Messages : 900
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: javascript, Insérer un strong dans un texte

Message par Ange Tuteur le Mar 22 Sep 2015 - 15:41

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>';
    }
  }
});
avatar

Ange Tuteur
****

Masculin
Messages : 481
Inscrit(e) le : 16/11/2013

http://fmdesign.forumotion.com/
Ange Tuteur a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: javascript, Insérer un strong dans un texte

Message par stefou le Mar 22 Sep 2015 - 15:52

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

stefou
*****

Masculin
Messages : 900
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum