Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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

avatar

Shadow
Adminactive
Adminactive

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

https://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