Description des sous-forums en survol avec tooltip

[foxies]

Détails techniques

Version du forum : ModernBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour à tous !

Je me tourne vers vous pour réussir à faire fonctionner une tooltip au survol des liens des sous-forums afin de faire apparaître leur description respective. En l'occurrence, j'utilise sur mon forum ce script pour faire fonctionner les tooltips :



Je n'ai plus qu'à rajouter la class "masterTooltip" là où je veux qu'elle s'affiche au survol d'un élément.

J'ai essayé de rajouter ce JS, de manière à ajouter la class "masterTooltip" aux liens des sous-forums :



Le script ne fonctionne pas. Enfin si, il fonctionne, puisqu'il rajoute bien la class "masterTooltip" mais rien ne change au survol et la tooltip n'apparaît pas.

Si besoin, voici la partie correspondante à l'affichage des sous-forums dans l'index_box :



Merci d'avance pour votre aide et très bonne journée !

[Invité]

Hello foxies,

je ne connais pas ce plugin!!!

Si tu procèdes ainsi:

Code:



$(document).ready(function() {
// On ajoute la class avant le chargement
$('.forum-sub a').addClass('masterTooltip');
    // Tooltip only Text
    $('.masterTooltip').hover(function() {
        // Hover over code
        var title = $(this).attr('title');
        $(this).data('tipText', title).removeAttr('title');
        $('<p class="tooltip"></p>')
            .text(title)
            .appendTo('body')
            .fadeIn('slow');
    }, function() {
        // Hover out code
        $(this).attr('title', $(this).data('tipText'));
        $('.tooltip').remove();
    }).mousemove(function(e) {
        var mousex = e.pageX + 20; //Get X coordinates
        var mousey = e.pageY + 10; //Get Y coordinates
        $('.tooltip')
            .css({
                top: mousey,
                left: mousex
            })
    });
});

a++

[foxies]

Bonjour, merci beaucoup, ça a fonctionné comme ça