Création d'une pop-up pour voir les détails du profil d'un membre

par **Shadow** Mar 14 Jan 2014, 10:38

Visualiser les détails du profil d'un membre dans une pop-up

Cette astuce va vous permettre de créer une pop-up pour voir les détails du profil d'un utilisateur en cliquant sur son pseudo.

Voir illustration :

Activer le mode "Profil avancé"

Panneau d'administration  Utilisateurs & Groupes  Utilisateurs - Profils, onglet Options générales

Création d'une pop-up pour voir les détails du profil d'un membre 21-10-10

N'oubliez pas de cliquer sur le bouton :enreg:

afin de sauvegarder les modifications.

Pour plus d'informations sur le mode "Profil avancé", nous vous invitons à lire ce tutoriel.

Création du script

Panneau d'administration  Modules  HTML & JAVASCRIPT - Gestion des codes Javascript

Assurez-vous que la gestion des codes Javascript soit activée, puis créez un nouveau javascript ayant pour titre "Pop-up pour visualiser le profil des membres" et pour placement "Sur toutes les pages" (plus d'informations sur la gestion des scripts).

Code:: jQuery(function() { jQuery('li.row a[href*="/u"], .img-whois+p a[href*="/u"], .page-bottom a[href*="/u"], .postprofile a[href*="/u"], p.author a[href*="/u"], form:has(.vf_jumpbox)~a[href*="/u"], .tcr a[href*="/u"], #stats a[href*="/u"], #onlinelist a[href*="/u"], .tcl.tdtopics a[href*="/u"], .pun .user a[href*="/u"], .ipbtable .row1 a[href*="/u"], #fo_stat a[href*="/u"], .activeusers-box a[href*="/u"], td.row3.over a[href*="/u"], .forumline:has(#i_whosonline) a[href*="/u"], span.name a[href*="/u"], span.postdetails a[href*="/u"], #info_open a[href*="/u"]').attr('id', 'profilePopup').click(function() { return false }); jQuery('a[href*="/u"]:has(img)').removeAttr('id').click(function() { window.open(jQuery(this).attr('href'), '_self'); }); jQuery('a#profilePopup').click(function() { var UID = jQuery(this).attr('href'); var UNM = jQuery(this).text(); jQuery('body').append('<div id="profilefilter" style="position:fixed;top:0px;left:0px;right:0px;bottom:0px;background:rgba(0,0,0, 0.5);cursor:pointer;z-index:10;"></div><div id="profcont-container" style="background:#D1D1D1;top:20%;left:15%;right:15%;padding:4px;position:fixed;font-size:12px;border-radius:5px;box-shadow:0px 0px 2px rgba(0,0,0, 0.5) inset;z-index:50;"><div id="userprofile" style="max-height:400px;overflow-y:auto;"><center><span class="profileLoading" style="font-weight:bold;font-size:18px;">Chargement...</span></center></div><span id="profileLinks"><a href="' + UID + '">Voir le profil</a><span id="interactionLinks"> | <a href="/privmsg?mode=post&u=' + UID.replace('/u', '') + '">Envoyer un Mp</a> | <a href="/privmsg?mode=post_profile&u=' + UID.replace('/u', '') + '">Envoyer un message sur le profil</a><span style="float:right;"><a href="/profile?friend=' + UNM.replace(/ /, "+") + '&mode=editprofile&page_profil=friendsfoes">Ajouter en ami</a> | <a href="/profile?foe=' + UNM.replace(/ /, '+') + '&mode=editprofile&page_profil=friendsfoes">Ajouter aux ignorés</a></span></span></div>'); jQuery('#userprofile').load(UID + '#cp-main .panel, .forumline:has(#profile-advanced-details), .clear + #profile-advanced-details'); if (!document.getElementById('logout')) { jQuery('#interactionLinks').remove(); } jQuery('#profilefilter').click(function() { jQuery('#profilefilter, #profcont-container').remove(); }); }); });

N'oubliez pas de cliquer sur le bouton Valider afin de sauvegarder les modifications.