미디어위키:Gadget-ReferenceTooltips-ko.js

// See [[mw:Reference Tooltips]]
// Source https://en.wikipedia.org/wiki/MediaWiki:Gadget-ReferenceTooltips.js

window.pg || $(function() {

    if ( $.inArray(mw.config.get('wgCanonicalNamespace'), [ "", "Project", "Help", "Draft" ]) !== -1 ) {

        mw.messages.set( {
            "RT-enable" : "각주 말풍선 켜기",
            "RT-disable" : "각주 말풍선 끄기"
        } );

        function toggleRT(o){
            mw.loader.using("jquery.cookie",function(){
                $.cookie("RTsettings",o+"|"+ settings[1] + "|" + settings[2], {path:"/",expires:90});
                location.reload();
            });
        }

        var settings = document.cookie.split("RTsettings=")[1];
        settings = settings ? settings.split(";")[0].split("%7C") : [1, 200, +("ontouchstart" in document.documentElement)];

        if( settings[0] == 0 ) {
            var footer = $("#footer-places, #f-list");
            if( footer.length === 0 ) {
                footer = $("#footer li").parent();
            }
            footer.append($("<li>").append(
                $("<a>")
                    .text( mw.message( "RT-enable" ) )
                    .attr("href","")
                    .click(function(e){
                        e.preventDefault();
                        toggleRT(1);
                    })
            ));
            return;
        }

        var isTouchscreen = +settings[2],
            timerLength = isTouchscreen ? 0 : +settings[1];

        $(".reference").each( function() {

            var tooltipNode, hideTimer, showTimer, checkFlip = false;

            function findRef( h ){
                h = h.firstChild;
                h = h && h.getAttribute && h.getAttribute("href");
                h = h && h.split("#");
                h = h && h[1];
                h = h && document.getElementById( h );
                h = h && h.nodeName == "LI" && h;
                return h;
            }

            function hide( refLink ) {
                if( tooltipNode && tooltipNode.parentNode == document.body ) {
                    hideTimer = setTimeout( function() {
                        $(tooltipNode).animate({opacity: 0}, 100, function(){
                            if(tooltipNode.parentNode) {
                                tooltipNode.parentNode.removeChild( tooltipNode );
                            }
                        })
                    }, isTouchscreen ? 16 : 100);
                }
            }

            function show(){
                if( !tooltipNode.parentNode || tooltipNode.parentNode.nodeType === 11 ){
                    document.body.appendChild( tooltipNode );
                    checkFlip = true;
                }
                $(tooltipNode).stop().animate({opacity: 1}, 100);
                clearTimeout( hideTimer );
            }

            function onStartEvent( e ){
                var _this = this;

                hideTimer && clearTimeout( hideTimer );
                showTimer && clearTimeout( showTimer );

                showTimer = setTimeout( function() {

                    var h = findRef( _this );
                    if( !h ){return}

                    if(!tooltipNode){
                        tooltipNode = document.createElement("ul");
                        tooltipNode.className = "referencetooltip";

                        var c = tooltipNode.appendChild( $( h ).clone( true )[ 0 ] );
                        c.removeChild( c.firstChild );

                        tooltipNode.appendChild( document.createElement( "li" ) );
                        isTouchscreen || $(tooltipNode).on("mouseenter", show).on("mouseleave", hide);
                    }

                    show();

                    var o = $(_this).offset(),
                        oH = tooltipNode.offsetHeight;

                    $(tooltipNode).css({top: o.top - oH, left: o.left - 7 });

                }, timerLength);
            }

            function onEndEvent(){
                clearTimeout(showTimer);
                hide(this);
            }

            $(this).on(
                isTouchscreen
                ? { click: onStartEvent }
                : { mouseenter: onStartEvent, mouseleave: onEndEvent }
            );

        });

    }

});