Ajouter une classe au liens lors d'un nouveau MP

2 participants

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

Résolu Ajouter une classe au liens lors d'un nouveau MP

Message par Ajesto Sam 21 Jan 2017 - 11:20

Détails techniques


Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : non défini
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://codage-actif.forumactif.com/

Description du problème

Bonjour,

Je sais que le titre est pas très bien, mais je vais vous expliquer :
Mon bouton des MPs, peu importe si il en a des nouveaux, est remplacé par une icône, du coup, impossible de savoir si on a des nouveaux MP. Du coup je voudrais savoir si il existait un script pour ajouter une classe au lien lorsque il y a un nouveau message, je ferais ensuite un ::after sur cette classe pour faire un rond avec un point d'exclamation dedans.

Merci d'avance pour votre réponse,
Laiorm


Dernière édition par Laiorm le Sam 21 Jan 2017 - 13:19, édité 1 fois
Ajesto

Ajesto
****

Masculin
Messages : 329
Inscrit(e) le : 17/09/2016

http://codage-actif.forumactif.com/
Ajesto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter une classe au liens lors d'un nouveau MP

Message par Walt Sam 21 Jan 2017 - 12:00

Bonjour,

Que vous n'affichiez que des images ou pas, il y a un <span class="new-message"></span> présent dans le lien lorsqu'un nouveau MP est reçu.

Cordialement,
Walt
Walt

Walt
Modéractif
Modéractif

Masculin
Messages : 6081
Inscrit(e) le : 08/09/2015

Walt a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter une classe au liens lors d'un nouveau MP

Message par Ajesto Sam 21 Jan 2017 - 12:02

Bonjour,

L'icône vient de FontAwesome et remplace le span, c'est pourquoi j'ai besoin de cette classe :/
Voici le JS que j'utilise :
Code:
$(function() {
$('a.mainmenu[href^="/privmsg?folder=inbox"]').text('');
});
Et dans le CSS, j'ai juste déclarer la police et la taille

Bien à vous,
Laiorm
Ajesto

Ajesto
****

Masculin
Messages : 329
Inscrit(e) le : 17/09/2016

http://codage-actif.forumactif.com/
Ajesto a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Ajouter une classe au liens lors d'un nouveau MP

Message par Walt Sam 21 Jan 2017 - 12:17

Pourquoi vous n'affichez pas cette icône là par le CSS comme les autres ?

Code:
a.mainmenu[href^="/privmsg?folder=inbox"]:before {
    color: rgb(254, 254, 254) !important;
    content: "";
    font-family: FontAwesome !important;
    font-size: 15px;
    font-weight: normal;
    margin: 0 3px 0 10px;
}

Et votre span.new-message demeure, vous pouvez alors le placer en CSS aussi ?

Cordialement,
Walt
Walt

Walt
Modéractif
Modéractif

Masculin
Messages : 6081
Inscrit(e) le : 08/09/2015

Walt a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter une classe au liens lors d'un nouveau MP

Message par Ajesto Sam 21 Jan 2017 - 12:25

Le content ne sert pas à grand chose, j'ai désactivé le JS de ce bouton et voici le résultat :
Ajouter une classe au liens lors d'un nouveau MP Msg110
Et lors d'un nouveau message :
Ajouter une classe au liens lors d'un nouveau MP Msg10

Je n'ai pas modifié le CSS, mais je vois pas le ::before :/

Ajesto

Ajesto
****

Masculin
Messages : 329
Inscrit(e) le : 17/09/2016

http://codage-actif.forumactif.com/
Ajesto a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Ajouter une classe au liens lors d'un nouveau MP

Message par Walt Sam 21 Jan 2017 - 12:37

Ah d'accord je pensais que vous gardiez le texte pour ce bouton là, comme pour ceux de gauche.

Dans ce cas remplacez votre JS précédent par :
Code:
$(function() {
  if($('a.mainmenu[href^="/privmsg?folder=inbox"] span.new-message').length)
    $('a.mainmenu[href^="/privmsg?folder=inbox"]').addClass('new-message');
 
  $('a.mainmenu[href^="/privmsg?folder=inbox"]').text('');
});

Ça rajoutera une class .new-message au lien directement si le span est présent (avant qu'il ne soit remplacé).

Cordialement,
Walt
Walt

Walt
Modéractif
Modéractif

Masculin
Messages : 6081
Inscrit(e) le : 08/09/2015

Walt a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter une classe au liens lors d'un nouveau MP

Message par Ajesto Sam 21 Jan 2017 - 13:07

Merci Walt Very Happy
Sa marche super bien Very Happy

Avec nouveaux messages :
Ajouter une classe au liens lors d'un nouveau MP Msg210

Sans nouveaux messages :
Ajouter une classe au liens lors d'un nouveau MP Msg310

Je passe le sujet en résolu ^^

Merci à vous,
Laiorm
Ajesto

Ajesto
****

Masculin
Messages : 329
Inscrit(e) le : 17/09/2016

http://codage-actif.forumactif.com/
Ajesto 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