Tooltip sur les pseudos

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

Résolu Tooltip sur les pseudos

Message par Bokouji le Dim 10 Avr 2016 - 13:01

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 ! salut


Dernière édition par Bokouji le Dim 17 Avr 2016 - 17:59, édité 1 fois

Bokouji
**

Masculin
Messages : 87
Inscrit(e) le : 05/12/2013

http://forum.forumactif.com/
Bokouji a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tooltip sur les pseudos

Message par Bokouji le Lun 11 Avr 2016 - 11:16

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

Bokouji
**

Masculin
Messages : 87
Inscrit(e) le : 05/12/2013

http://forum.forumactif.com/
Bokouji a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tooltip sur les pseudos

Message par Bokouji le Mar 12 Avr 2016 - 19:07

Je remonte bounce

Bokouji
**

Masculin
Messages : 87
Inscrit(e) le : 05/12/2013

http://forum.forumactif.com/
Bokouji a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tooltip sur les pseudos

Message par Bokouji le Mer 13 Avr 2016 - 20:37

Up, je relance

Bokouji
**

Masculin
Messages : 87
Inscrit(e) le : 05/12/2013

http://forum.forumactif.com/
Bokouji a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tooltip sur les pseudos

Message par Bokouji le Ven 15 Avr 2016 - 17:38

Je remonte

Bokouji
**

Masculin
Messages : 87
Inscrit(e) le : 05/12/2013

http://forum.forumactif.com/
Bokouji a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tooltip sur les pseudos

Message par Invité le Sam 16 Avr 2016 - 16:07

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 Wink

Bye

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tooltip sur les pseudos

Message par Bokouji le Dim 17 Avr 2016 - 17:59

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

Merci beaucoup Don Vito Corleone thumright astuce au top

Bokouji
**

Masculin
Messages : 87
Inscrit(e) le : 05/12/2013

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