Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

[PHPBB2] Afficher le nombre d'amis au survol d'une image placée à côté du Pseudo


5 participants

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

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Jeu 28 Sep 2017 - 18:45

Hello les ami(e)s,

il faudra activer le profil avancé pour cette astuce les ami(e)s impeccable .
l'astuce consiste a afficher une image de petite taille de préférence à côté du Pseudo.
Au survol de cette dernière une infobulle annoncera si le membre à des amis ou non.

Si le membre possède des amis l'image sera cliquable et affichera la liste des amis hinhin .

L'astuce a été évidement réaliser sur un template non modifié.
Donc si l'astuce ne fonctionne pas , il faudra passer par l'entraide et donner le template concerné.

Les aperçus imagés:

Au moins un ami:

[PHPBB2] Afficher le nombre d'amis au survol d'une image placée à côté du Pseudo 161

Pas encore d'ami:

[PHPBB2] Afficher le nombre d'amis au survol d'une image placée à côté du Pseudo 228


Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mettez un titre explicite.
Cochez sur les sujets.

Déposez ceci:
Code:

$(function() {
  //le lien de l image
var M14_img='http://i86.servimg.com/u/f86/18/21/41/30/person10.png';
if (_userdata.session_logged_in == 1) {
$('.name').each(function(){
var pseudo=$(this).find('a[href^="/u"]').text();
var lienProfil=$(this).find('a[href^="/u"]').attr('href');
var test=$(this).closest('.name').after('<img src="'+M14_img+'"/>');
$.get(lienProfil, function(data){
var text=$(data).find('table').find('.forumline').closest('td').next().find('.forumline').find('a[href$="friends"]').text();
var friend=text.substring(19);
if((text&&lienProfil).length)
{
test.next().wrap('<a href="'+lienProfil+'friends"></a>').attr('title',''+pseudo+' a '+friend+' ami(s)');
}
else
{
test.next().attr('title',''+pseudo+' n\'a pas encore d\'ami');
}
});
});
}
});



Pensez a cliquer sur le bouton Valider

Vous pouvez changer le lien de l'image ici:
Code:

var M14_img=' http://i86.servimg.com/u/f86/18/21/41/30/person10.png ';






Dernière édition par Milouze14 le Lun 29 Nov 2021 - 7:03, édité 3 fois
Anonymous
Invité
Invité

MessageInvité Ven 29 Sep 2017 - 9:13

Merci beaucoup ! ça fonctionne très bien  fr4
dragon594
dragon594
https://dragon-graphisme59.forumactif.org/

Messagedragon594 Lun 23 Oct 2017 - 3:58

Merci beaucoup !
Ptite_Perle
Ptite_Perle
https://forumcrea.forumactif.org/

MessagePtite_Perle Mar 15 Mai 2018 - 20:51

Merci beaucoup !
Ambroise
Ambroise
https://mon-forum-perso.forumactif.com/

MessageAmbroise Sam 2 Fév 2019 - 17:41

Merci beaucoup !
fred9545
fred9545
Donateur

http://www.mecanique-auto.com/

Messagefred9545 Ven 29 Mar 2019 - 20:03

Merci beaucoup

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