MediaWiki:Gadget-tooltipRef.js

Note : après avoir enregistré la page, vous devrez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

Mozilla / Firefox / Konqueror / Safari : maintenez la touche Majuscule (Shift) en cliquant sur le bouton Actualiser (Reload) ou pressez Maj-Ctrl-R (Cmd-R sur Apple Mac) ;

Firefox (sur GNU/Linux) / Chrome / Internet Explorer / Opera : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5.

/**
 * Accès immédiat au contenu des références et notes en bas de page
 * dans une fenêtre contextuelle.
 * auteur : http://fr.wikipedia.org/wiki/Utilisateur:Lgd
 * licence : MIT
 *
 * Utilise : http://fr.wikipedia.org/wiki/MediaWiki:Gadget-tooltipRef.css
 *
 * Paramétrage: ajouter var tooltipRefHover = true dans le common.js personnel
 * pour utiliser au survol plutôt qu'au clic
 *
 * {{Catégorisation JS|TooltipRef}}
 */

var tooltipRef = function ($) {

    var backClass = '.renvois_vers_le_texte';
    var msg_err1 = 'Erreur : note ou référence non trouvée.';
    var msg_err2 = 'Erreur: entrée non trouvée dans la bibliographie.';
    var msg_err3 = '<br>Cette fonctionnalité peut ne pas être disponible en mode édition si vous prévisualisez une section de page.';
    var msg_close = 'Fermer';
    var msg_go1 = 'Aller';
    var msg_go1title = 'Aller à cette référence en fin de page';
    var msg_go2 ='Aller à la bibliographie';
    var tooltipRefTimer = false;


    function fixId(myid) { // replaces special characters in id name
        myid = myid.replace(/\[/g, "\\[").replace(/\]/g, "\\]");
        return myid.replace(/(:|\.)/g,'\\$1');
    }
    function closeNote() {
        $('.hasnote').removeClass('hasnote');
        $('li.tooltipRef').remove();
    }
    function closeNoteAfterDelay() {
        tooltipRefTimer = setTimeout(closeNote, 400);
    }
    function cancelDelayedNoteClosure() {
        clearTimeout(tooltipRefTimer);
    }

    function openNote(ref) {
        closeNote();
        var id = ref.attr('href');
        var note;
        var fallback;
        var idfix = fixId(id);
        if ($(idfix).length != 0) {
            note = $(idfix).clone().removeAttr('id').addClass('tooltipRef');
            note.find(backClass).remove();
            note.find('[href^="#"]').click(function() {
                if ($(this).is('.open')) {
                    $('.subnote').remove();
                    $(this).removeClass('open');
                    return false;
                }
                $('.subnote').remove();
                $('.tooltipRef .open').removeClass('open');
                var id2 = $(this).attr('href');
                var more = $('<a href="'+id2+'">'+msg_go2+'</a>');
                more.click(closeNote);
                var note2;
                id2 = fixId(id2);
                if ($(id2).length != 0) {
                    note2 = $(id2).clone().addClass('subnote').removeAttr('id');
                    var morep = $('<p class="more"></p>');
                    morep.append(more);
                    note2.append(morep);
                } else {
                    note2 = $('<span class="subnote">'+msg_err2+'</span>');
                }
                note.append(note2);
                $(this).addClass('open');
                return false;
            });
            fallback = $('<a href="'+id+'" class="go" title="'+msg_go1title+'">'+msg_go1+'</a>&nbsp;');
            fallback.click(closeNote);
        } else {
            note = $('<li class="tooltipRef">'+msg_err1+'</li>');
        }
        var offset = ref.offset().left;
        var link = $('<a href="#" class="close" title="'+msg_close+'">X</a>');
        link.click(function() {
            closeNote();
            return false;
        });
        var span = $('<span class="actions">&nbsp;</span>');
        span.prepend(fallback).append(link);
        note.prepend(span);
        if (typeof tooltipRefHover !== 'undefined' && tooltipRefHover) {
            note.mouseover(cancelDelayedNoteClosure);
            note.mouseout(closeNoteAfterDelay);
        }
        $('body').append(note);
        note.position({my: offset > 500 ? "right top" : "left top", at: "left bottom", collision: "none", of: ref.parent()});
        ref.addClass('hasnote');
        return false;
    }

    if (typeof tooltipRefHover !== 'undefined' && tooltipRefHover) {
        $('sup.reference > a').mouseenter(function() {
            openNote($(this));
        });
        $('sup.reference').mouseover(cancelDelayedNoteClosure);
        $('sup.reference').mouseout(closeNoteAfterDelay);
        $('sup.reference > a').click(function() {
            return false;
        });
    } else {
        $('sup.reference > a').click(function() {
            if ($(this).is('.hasnote')) {
                closeNote();
                return false;
            }
            openNote($(this))
            return false;
        });
    }
}

mw.loader.using(["jquery.ui.position"], function() {
    $(document).ready(tooltipRef);
});