Titre des champs de profil en Fontawesome

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

Résolu Titre des champs de profil en Fontawesome

Message par Esiole Ven 23 Aoû 2019 - 12:30

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : toujours

Bonjour à tous,
Je construis un nouveau forum et je suis en train d'essayer de réaliser le profil dans mes sujets.
Cependant, je me confronte à un problème (enfin plusieurs en réalité mais un à la fois).

Je souhaite placer les titres des champs de profil en font awesome.
Pour ça j'ai lu plusieurs tuto comme : https://forum.forumactif.com/t395090-transformation-des-labels-champs-de-profil

J'ai fait tout ce qui était dit mais rien ne se passe :/
Les noms des champs reste comme : [LBL-INSCRIPTION]

La police Fontawesome est bien placée sur le forum (je l'utilise à plusieurs endroits) donc le problème ne vient pas de là...
Le javascript est bien mis sur "toutes les pages" et j'ai utilisé ceci :
Code:
; (function(){
 
  // On définit les différents tag et par quoi on remplace les label
  var tagLabel = [{
      tag: 'birthdate',
      html: '<span class="fa fa-birthday-cake">&nbsp</span>'
    },
    {
      tag: 'age',
      html: '<span class="fa fa-child">&nbsp</span>'
    },
    {
      tag: 'inscription',
      html: '<span class="fa fa-user-plus">&nbsp</span>'
    }];
 
  // Fonction qui supprime les :
  function remplacerLabel( txtLabel ){
    var nvTxt = txtLabel.replace(/:/i, '');
    // On renvoie le texte sans les :
    return nvTxt;
  }
 
  function labelFontAwesome( txtLabel ){
    var newLabel;
 
    // On parcourt le tableau de tag
    for( var i = 0 ; i < tagLabel.length ; i++){
      // Si on trouve un tag correspondant
      if(txtLabel.indexOf(tagLabel[i].tag) != -1){
        // On récupére le nouveau code html correspondant
        newLabel = tagLabel[i].html;
        // On envoie le nouveau contenu du label
        return newLabel;
      }
    }
  }
 
  // Au chargement de la page
  $(window).ready( function(){
 
    // On parcourt chaque label
$('.boxPOST .prflPOST .abtPOST .label').each( function(){
      var $label = $(this),
          // On récupére le contenu "texte" du label
          txtLabel = $label.text(),
          txtLabelModif;
 
          // On vérifie si le label contient un tag
          if(txtLabel.indexOf('[lbl-') != -1){
            // Si c'est le cas, on change le html
            txtLabelModif = labelFontAwesome(txtLabel);
            // On remplace le code html du label par le nouveau
            $label.html(txtLabelModif);
          }else{
            // On exécute la fonction pour supprimer les :
            txtLabelModif = remplacerLabel(txtLabel);
            // On remplace le texte du label sans les :
            $label.text(txtLabelModif);
          }
    
    });
 
  });
 
})();

Pourriez-vous m'aider? Merci d'avance !


Dernière édition par Esiole le Sam 24 Aoû 2019 - 20:06, édité 1 fois
Esiole

Esiole
Nouveau membre

Messages : 21
Inscrit(e) le : 23/06/2016

http://tempus-lumini.forumactif.com
Esiole a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre des champs de profil en Fontawesome

Message par Esiole Sam 24 Aoû 2019 - 19:07

UP svp :3
Merci!


Finalement, une amie m'a donné la réponse ; il suffisait de modifier le "'.boxPOST .prflPOST .abtPOST .label'" par le nom de mon css qui était rattaché aux champs dans le templates, tout bêtement xD
désolé...
Esiole

Esiole
Nouveau membre

Messages : 21
Inscrit(e) le : 23/06/2016

http://tempus-lumini.forumactif.com
Esiole 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