Tooltip sur les pseudos

[Bokouji]

Bonjour à tous,

J'ai découvert la fonction tag dans les messages, qui permet entre autre de notifier quelqu'un que l'on parle de lui mais également (et c'est surtout le point qui m'intéresse), de créer une sorte de tooltip (petite fenêtre avec infos supplémentaires sur l'élément survolé) quand on passe le curseur sur le pseudo précédé du @. Je trouve ça très sympathique, ça permet d'avoir un aperçu de l'avatar, du nombre de messages, etc. bref du profil concerné en un seul survol : très pratique !



J'aimerais appliquer ça à tout le forum, c'est-à-dire que, que ce soit dans les messages via l'option de notification @, sur l'index, sur la liste des topics ou autres, on puisse avoir un tooltip qui se développe en permanence lorsque l'on survole les pseudos cliquables des membres du forum. Je suppose que c'est possible, via un script, mais aucune de mes recherches ne m'a permis de trouver ce que je voulais…

Des tuyaux ? J'avoue que je ne sais pas trop comment m'y prendre

Merci d'avance !

[Bokouji]

Toujours en recherche de mon côté (que ce soit par mes propres moyens ou sur les supports étrangers) mais je remonte

[Bokouji]

Je remonte

[Bokouji]

Up, je relance

[Bokouji]

Je remonte

[Invité]

Bonjour,

Il faudrait mettre ce code là sur toutes les pages(javascript) pour que les pseudos sur le forum clonent le data-id:

Code:

$(document).ready(function(){
$('a[href^="/u"]').each(function() {
    var test = $(this).attr('href').split('/u')[1];
    $(this).attr('data-id', test);
});
});

Et comme dit sur un autre sujet ce code là pour enclencher le Tooltip:

Code:

$(document).ready(function(){var usersinfo={};$('a[href^="/u"]').tooltipster({animation:'fade',interactive:true,contentAsHTML:true,minWidth:300,maxWidth:300,delay:500,arrowColor:"#EEE",autoClose:true,content:'Loading...',functionBefore:function(origin,continueTooltip){continueTooltip();var userid=$(this).data('id');if(origin.data('ajax')!=='cached'){if(usersinfo[userid]!=undefined){origin.tooltipster('content',usersinfo[userid]).data('ajax','cached')}else{$.ajax({type:'GET',url:"/ajax/index.php",dataType:"html",data:{f:"m",user_id:$(this).data('id')},success:function(html){usersinfo[userid]=html;origin.tooltipster('content',html).data('ajax','cached')}})}}}})});

Le sélecteur est changeable si cela le fait vraiment "PARTOUT" donc n'hésitez pas à donner un retour quant à cette astuce si besoin d'aide

Bye

[Bokouji]

Ah, super, ça fonctionne du tonnerre, sur toutes les pages comme voulu !

Merci beaucoup Don Vito Corleone astuce au top