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

stefou
*****

Masculin
Messages : 899
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>';
    }
  }
});

Ange Tuteur
****

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

https://github.com/SethClydesdale
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 !

stefou
*****

Masculin
Messages : 899
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