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

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

  • 0

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

Message par Shadow le Mar 14 Jan 2014 - 10:38

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


Ce tutoriel va vous permettre de créer une Pop-up pour voir les détails du profil d'un utilisateur en cliquant sur son pseudo. Cette astuce peut s'appliquer sur tout les forums.

Exemple :


1ere étape :

Pour commencer le profil avancé doit être actif dans votre panneau d'administration.

PA -> Utilisateurs et Groupes -> Profils -> Options générales -> Activer le profil avancé -> Oui





2ème étape :



Maintenant il va falloir créer un nouveau javascript.

Pensez à bien autoriser les Js sur votre forum Smile

PA -> Modules -> Gestion des codes Javascript -> Activer la gestion des codes Javascript -> Oui

PA -> Modules -> Gestion des codes Javascript -> Créer un nouveau javascript

Copier/Coller ce code :

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;">Loading...</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();});
    });
    });

Exemple :



Pensez à bien sélectionner le placement sur toutes les pages et à valider.

À présent , lorsque vous cliquez sur le pseudo d'un de vos membres dans un sujet de discussion , la pop-up de détail du profil s'ouvre Wink



Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Shadow
Adminactive
Adminactive

Féminin
Messages : 23775
Inscrit(e) le : 30/03/2007

http://forum.forumactif.com
Shadow 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