Ajouter une classe au liens lors d'un nouveau MP

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

Ajesto
****

Masculin
Messages : 327
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 le 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
avatar

Walt
Modéractif
Modéractif

Masculin
Messages : 3433
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 le 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
avatar

Ajesto
****

Masculin
Messages : 327
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 le 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
avatar

Walt
Modéractif
Modéractif

Masculin
Messages : 3433
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 le 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 :

Et lors d'un nouveau message :


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

avatar

Ajesto
****

Masculin
Messages : 327
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 le 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
avatar

Walt
Modéractif
Modéractif

Masculin
Messages : 3433
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 le Sam 21 Jan 2017 - 13:07

Merci Walt Very Happy
Sa marche super bien Very Happy

Avec nouveaux messages :


Sans nouveaux messages :


Je passe le sujet en résolu ^^

Merci à vous,
Laiorm
avatar

Ajesto
****

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


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