Connexion

Récupérer mon mot de passe

Derniers sujets
» [PHPBB2] Cacher les infos du profil sous l'avatar, en hover
par Milouze14 Jeu 28 Mai 2020 - 18:54

» [AWESOMEBB] Supprimer le soulignement des liens
par Milouze14 Mer 27 Mai 2020 - 18:28

» *RESOLU*[PHPBB2] Champs du profil en fonction de la couleur de groupe.
par Milouze14 Mar 26 Mai 2020 - 17:54

» [PUNBB] Codage qeel
par Milouze14 Mar 26 Mai 2020 - 17:44

» [TOUTES VERSIONS] Changer les boutons Nouveau MP et Répondre au MP par du texte
par croklivre Lun 25 Mai 2020 - 18:25

» [TOUTES VERSIONS] Faire clignoter les images des nouveaux messages
par croklivre Lun 25 Mai 2020 - 18:17

» [PUNBB] Couleurs des Catégories et des cellules qui ne changent pas de couleurs
par Milouze14 Lun 25 Mai 2020 - 14:47

» [BESTOF] [AWESOMEBB] Modifier le en ligne hors ligne
par Milouze14 Dim 24 Mai 2020 - 5:38

» [AWESOMEBB] Taille de la zone.
par Milouze14 Dim 24 Mai 2020 - 5:38

» [PUNBB] Agencement du profil
par Milouze14 Sam 23 Mai 2020 - 19:06

» *RESOLU*[MODERNBB] Chatbox - Enlever les deux points après le pseudo
par Milouze14 Sam 23 Mai 2020 - 17:26

» *RESOLU*[PHPBB3] Anomalies certains éléments
par Milouze14 Sam 23 Mai 2020 - 16:05

» [AWESOMEBB]Refonte du profil dans un sujet.
par Milouze14 Sam 23 Mai 2020 - 3:31

» [PHPBB2] Alignement du champ masculin/féminin
par Milouze14 Jeu 21 Mai 2020 - 20:24

» *RESOLU*[PHPBB3] Supprimer des champs de contact
par Milouze14 Jeu 21 Mai 2020 - 16:59

» [AWESOMEBB] Supprimer cette ligne
par Milouze14 Mer 20 Mai 2020 - 20:02

» [AWESOMEBB] Supprimer cette zone
par Milouze14 Mer 20 Mai 2020 - 20:01

» *RESOLU*[PHPBB3] Title en double sur un bouton éditeur
par Milouze14 Mer 20 Mai 2020 - 17:16

» [AWESOMEBB] Modifier l'icône du bouton d'accueil
par YOUGATAGA Mer 20 Mai 2020 - 13:56

» [TOUTES VERSIONS] Afficher un bouton pour remonter en haut de page
par Bigalex Mar 19 Mai 2020 - 21:06

*RESOLU*[Invision] Alerte message reçu dans messagerie

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

Croa-Croa
Croa-Croa
Milouzien

MessageCroa-Croa le Ven 13 Déc 2019 - 23:43

  • Version du forum :
    Invision
  • Templates modifiés :
    oui
  • Navigateur :
    Chrome
Bonsoir,
j'avais mis une mini-icone .gif (enveloppe clignotante rouge) pour avertir visuellement de la réception d'un message  dans la messagerie (le chiffre indiquant le nombre de message reçus n'étant pas très visible, je trouve); j'ai retiré les mini-icônes assez moches de la barre de navig. (sur les conseils de Milouze, car il est toujours de bon conseil ;)  mais du coup l'alerte avec l'icone ne marche plus, normal. 

Serait-il possible d'avoir un script qui donne l'apparence d'un clignotement du mot Messagerie (par exemple alternance couleur de survol/couleur normale de la barre) lorsqu'un ou des messages non lus sont arrivés. Je ne sais pas si je suis très clair.
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 14 Déc 2019 - 5:06

Hello Pascal,
tu as encore le script qui te donnait cette apparence car il n'y pas de raison qu'il ne fonctionne plus !!




Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
Croa-Croa
Croa-Croa
Milouzien

MessageCroa-Croa le Sam 14 Déc 2019 - 5:47

C'était pas un  script, j'avais juste mis une image animée à PA/Images et Couleurs/Gestion des Images/Mode Avancé/Général-Navigation/Nouveaux messages privés : alerte
Je pense que c'est normal qu'on ne la voit plus puisque ta modif de la CSS  #submenu a.mainmenu img{display:none;}  cache toutes les petites icônes, non ?

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 14 Déc 2019 - 6:48

Bonjour Pascal,

alors effectivement , c'est le style qui bloque cette petite image.

On va procéder autrement afin que le membre puisse voir que sa boite de réception contient un ou plusieurs MP(s).
Au survol de la petite enveloppe rouge, une infobulle affichera un texte (que tu pourras changer dans le script) et si un mp on aura aussi l'auteur.

*RESOLU*[Invision] Alerte message reçu dans messagerie 411

Je vais te donner deux scripts, le premier affichera sur la barre de navigation au niveau du lien mp:

Si un mp:

*RESOLU*[Invision] Alerte message reçu dans messagerie 133

Au delà de 1 mp (2 ou plus) :
Pour l'exemple 3 mps:

*RESOLU*[Invision] Alerte message reçu dans messagerie 214

Et le deuxième script sera identique mais va ajouter en haut à droite
la même information en position fixe(c'est a dire que cette information restera tout le le temps afficher tant que le membre n'aura pas lu son ou ses MP(s).

*RESOLU*[Invision] Alerte message reçu dans messagerie 311

Le script va rechercher le ou les MPs non lu grâce à l'image nouveau qui correspond à ceci sur ton forum il me semble!

*RESOLU*[Invision] Alerte message reçu dans messagerie Snail_15

C'est à dire , ce lien:
https://i.servimg.com/u/f10/20/12/81/51/snail_15.png

On retrouve ce lien dans le script afin de nous donner le nombre de MP(s) non lu.
Code:
var number=$(data).find('img[src="https://i.servimg.com/u/f10/20/12/81/51/snail_15.png"]').length;

J'ai déposé des variables texte et une image si tu désires modifier la petite image.

Il suffit de suivre les commentaires qui commencent par //






Le premier script:


Code:
$(function(){
var mp=$('div#submenu a.mainmenu[href="/privmsg?folder=inbox"]');
$.get('/privmsg?folder=inbox' , function(data){
var number=$(data).find('img[src="https://i.servimg.com/u/f10/20/12/81/51/snail_15.png"]').length;
$(data).find('img[src="https://i.servimg.com/u/f10/20/12/81/51/snail_15.png"]').each(function(){
var membre=$(this).closest('tr').find('td.row1:not(.centered)').find(' a[href^="/u"]').text();  
//LE LIEN DE L IMAGE MP
var img="https://i.servimg.com/u/f20/20/11/87/27/mail10.png";
//LE TEXTE AU SURVOL DE L IMAGE SI UN MP
var texteMp="Vous avez reçu un message privé de la part de";
//LE TEXTE AU SURVOL DE L IMAGE SI PLUSIEURS MPS
var texteMpmore="Vous avez reçu des messages privés de la part de beaucoup de membres";
if(number==1)
{
 
mp.addClass('M14_MP').html(' <img class="imgmp"src="'+img+'"title="'+texteMp+' '+membre+'"/> Message privé ( '+number+' )');  
}
else if(number>1)
{
 
mp.addClass('M14_MP').html('<img class="imgmp"src="'+img+'"title="'+texteMpmore+'"/> Messages privés ( '+number+' )');  
}
    });

$('.M14_MP').each(function() {
            var elem = $(this);
            setInterval(function() {
                if (elem.css('visibility') == 'hidden') {
                    elem.css('visibility', 'visible');
                } else {
                    elem.css('visibility', 'hidden');
                }  
            }, 1000);
        });


});});




Le deuxième script:
Code:
$(function(){
var mp=$('div#submenu a.mainmenu[href="/privmsg?folder=inbox"]');
$.get('/privmsg?folder=inbox' , function(data){
var number=$(data).find('img[src="https://i.servimg.com/u/f10/20/12/81/51/snail_15.png"]').length;
$(data).find('img[src="https://i.servimg.com/u/f10/20/12/81/51/snail_15.png"]').each(function(){
var membre=$(this).closest('tr').find('td.row1:not(.centered)').find(' a[href^="/u"]').text();  
//LE LIEN DE L IMAGE MP
var img="https://i.servimg.com/u/f20/20/11/87/27/mail10.png";
//LE TEXTE AU SURVOL DE L IMAGE SI UN MP
var texteMp="Vous avez reçu un message privé de la part de";
//LE TEXTE AU SURVOL DE L IMAGE SI PLUSIEURS MPS
var texteMpmore="Vous avez reçu des messages privés de la part de beaucoup de membres";
if(number==1)
{
$('body').append('<a id="M14_MP" href="/privmsg?folder=inbox"> <img src="'+img+'" title="'+texteMp+' '+membre+'"> Message privé ( '+number+' )</a>');
mp.addClass('M14_MP').html(' <img class="imgmp"src="'+img+'"title="'+texteMp+' '+membre+'"/> Message privé ( '+number+' )');  
}
else if(number>1)
{
$('body').append('<a id="M14_MP" href="/privmsg?folder=inbox"> <img src="'+img+'" title="'+texteMpmore+'"> Messages privés ( '+number+' )</a>');
mp.addClass('M14_MP').html('<img class="imgmp"src="'+img+'"title="'+texteMpmore+'"/> Messages privés ( '+number+' )');  
}
    });

$('.M14_MP').each(function() {
            var elem = $(this);
            setInterval(function() {
                if (elem.css('visibility') == 'hidden') {
                    elem.css('visibility', 'visible');
                } else {
                    elem.css('visibility', 'hidden');
                }  
            }, 1000);
        });


});});



Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.
Cocher sur toutes les pages.


déposes le script désiré



Penser a cliquer sur le bouton Valid

Ensuite suivant le script choisis, on va donner un style au(x) boutons(s).


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Si tu as pris le premier script

Ajouter ceci:

Code:

/*MESSAGE PRIVE*/
.M14_MP
{
color:orange !important;  
background-color:white!important;
}

Si tu as le pris le deuxième:

Ajoutes ceci:
Code:
/*MESSAGE PRIVE*/
.M14_MP
{
color:orange !important;  
background-color:white!important;
}
#M14_MP
{
position:fixed;
top:30px;
right:10px;
color:orange !important;  
background-color:white!important;
}


Penser a cliquer sur le bouton *RESOLU*[Invision] Alerte message reçu dans messagerie Sans_t10

Remplaces ensuite le style que tu as déposé:

Code:
#submenu a.mainmenu img{display:none;}

Par celui-ci:

Code:
#submenu a.mainmenu img:not(.imgmp){display:none;}

Il cachera toutes les images sauf la petite image indiquant un mp.

















Croa-Croa
Croa-Croa
Milouzien

MessageCroa-Croa le Sam 14 Déc 2019 - 7:11

Merci Phil, j'ai finalement pris le premier script.
C'est exactement ce que je voulais.
Mercimill

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 14 Déc 2019 - 7:18

De rien Pascal hinhin .


Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande clin oeil





Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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