javascript, Insérer un strong dans un texte

2 participants

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 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

stefou
*****

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

Voir le profil de l'utilisateur 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 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

Ange Tuteur
****

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

Voir le profil de l'utilisateur https://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 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

stefou
*****

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

Voir le profil de l'utilisateur 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

- Sujets similaires

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