참고사항 편집

js 파일은 특:mypage/common.js에, css 파일은 특:mypage/common.css에 복사 붙여넣기 하시면 {{타 언어판 문서 호출}}의 기능을 사용하실 수 있습니다. 각 설정에 대응되는 효과는 #표시 효과에서 확인하실 수 있습니다.

주석만 달린 경우는 위에 이미 언급된 코드로, ctrl+f 하여 탐색하시면 됩니다.

문서가 아직 없는 경우 편집

임시링크: 괘르마늄(영어판)

해당 틀: 문서가 없는경우(영어:Germanium), 문서가 있는 경우

문서가 이미 있는 경우 편집

임시링크: 위키백과

해당 틀: 위키백과

소도구 목록 편집

크로스링크: 빨간링크만 표시 (크로스링크 소도구는 한 개만 선택 가능) 편집

CSS: Gadget-internalLinkHelper-redonly.css

크로스링크: 빨간링크에 커서를 올리면 툴팁 표시 편집

JS: Gadget-internalLinkHelper-redtipsy.js

CSS: Gadget-internalLinkHelper-redonly.css, Gadget-internalLinkHelper-redtipsy.css

크로스링크: 빨간링크와 크로스링크 표시 편집

CSS: Gadget-internalLinkHelper-redplain.css

크로스링크: 임시링크 편집

JS: Gadget-internalLinkHelper-ill.js

CSS: Gadget-internalLinkHelper-ill.css

크로스링크: 초록링크에 커서를 올리면 툴팁 표시 편집

JS: Gadget-internalLinkHelper-redtipsy.js

CSS: Gadget-internalLinkHelper-redonly.css, Gadget-internalLinkHelper-redtipsy.css, Gadget-internalLinkHelper-altcolor.css

크로스링크: 초록링크에 커서를 올리면 툴팁 표시 (문서 존재시 하늘색 강조) 편집

JS: Gadget-internalLinkHelper-redtipsy.js

CSS: Gadget-internalLinkHelper-redonly.css, Gadget-internalLinkHelper-redtipsy.css, Gadget-internalLinkHelper-altcolor.css, Gadget-internalLinkHelper-ilbluehl.css

크로스링크: 툴팁과 접근성 편집

JS: Gadget-internalLinkHelper-redtipsy.js, Gadget-internalLinkHelper-accessibility.js

CSS: Gadget-internalLinkHelper-redonly.css, Gadget-internalLinkHelper-redtipsy.css

코드 목록 편집

JS 편집

/*Gadget-internalLinkHelper-redtipsy.js*/
(function($, mw, window) {
    $(function() {
        mw.loader.using(['jquery.tipsy']).done(function() {
            mw.hook('wikipage.content').add(function($content) {

                $('.ilh-all', $content).not('.ilh-blue').on('internalLinkHelper-close', function(event) {
                    var $this = $(this);
                    if ($this.data('internalLinkHelper-showing')) {
                        $(this).removeClass('ilh-active').find('.ilh-page a').tipsy('hide').end()
                            .data('internalLinkHelper-showing', false);
                    }
                }).each(function() {
                    var origTitle = $(this).data('orig-title'),
                        $foreignSpan = $('.ilh-link', this),
                        $linkAnchor = $('.ilh-page a', this),
                        $langSpan = $('.ilh-lang', this),
                        langName = $langSpan.text(),
                        $that = $(this).data('internalLinkHelper-showing', false);

                    if (!$linkAnchor.length) {
                        return;
                    }

                    var timeout = null;

                    var maybeClearTimeout = function() {
                            if (timeout !== null) {
                                clearTimeout(timeout);
                            }
                        },
                        autoSetTimeout = function() {
                            maybeClearTimeout();
                            timeout = setTimeout.apply(null, arguments);
                        };

                    var mouseleave = function() {
                            autoSetTimeout(function() {
                                $that.trigger('internalLinkHelper-close');
                            }, 500);
                        },
                        mouseenter = function() {
                            if ($that.data('internalLinkHelper-showing')) {
                                maybeClearTimeout();
                            } else {
                                $('.ilh-all', $content).not($that).trigger('internalLinkHelper-close');
                                $that.addClass('ilh-active').data('internalLinkHelper-showing', true);
                                $linkAnchor.tipsy('show').tipsy(true).tip().mouseleave(mouseleave).mouseenter(mouseenter);
                            }
                        };
                    $linkAnchor.tipsy({
                            className: 'ilh-tipsy',
                            gravity: 'nw',
                            html: true,
                            trigger: 'manual',
                            title: function() {
                                return '<div>' +
                                    $('<span/>').text(origTitle).html() +
                                    (" 문서는 아직 생성되지 않았습니다. ") +
                                    $('<span/>').text(langName).html() +
                                    (" 위키백과의 ") +
                                    $foreignSpan.html() +
                                    '문서를 참고할 수 있습니다.</div>';
                            }
                        })
                        .mouseleave(mouseleave).mouseenter(mouseenter);
                });
            });
        });
    });
})(jQuery, mediaWiki, window);
/*Gadget-internalLinkHelper-ill.js*/
(function ($, mw) { $(function() {
    $('.ilh-all').each(function() {
		$($(this).find('.ilh-text')).text($($(this).find('.ilh-lang')).text()+'판');
    });
}); })(jQuery, mediaWiki);
/*Gadget-internalLinkHelper-accessibility.js*/
(function ($, mw) { $(function() {
    $('.ilh-all').not('.ilh-blue').each(function() {
		$($(this).find('.ilh-page a')).append('<img src="//upload.wikimedia.org/wikipedia/commons/thumb/7/78/Red_Triangle.png/12px-Red_Triangle.png" decoding="async" width="12" height="10" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/7/78/Red_Triangle.png/18px-Red_Triangle.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/7/78/Red_Triangle.png/24px-Red_Triangle.png 2x" data-file-width="260" data-file-height="225">');
    });//빨간세모 추가
    $('.ilh-blue').each(function() {
    	$($(this).find('.ilh-page a')).append('<img src="//upload.wikimedia.org/wikipedia/commons/thumb/8/8e/Pan_Blue_Circle.png/10px-Pan_Blue_Circle.png" decoding="async" width="10" height="10" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/8/8e/Pan_Blue_Circle.png/15px-Pan_Blue_Circle.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/8/8e/Pan_Blue_Circle.png/20px-Pan_Blue_Circle.png 2x" data-file-width="677" data-file-height="677">');
    });//파란원 추가
}); })(jQuery, mediaWiki);

CSS 편집

/*Gadget-internalLinkHelper-redonly.css*/
.ilh-comment {
    display: none;
}
/*Gadget-internalLinkHelper-redtipsy.css*/
.ilh-tipsy .tipsy-inner {
    max-width: none;
}
/*Gadget-internalLinkHelper-redplain.css*/
.ilh-lang, .ilh-colon { 
    display: none; /* avoid spacing flash */
}

.ilh-link a {
    color: inherit !important; /* try to mimic plain text before js is ready */
}
/*Gadget-internalLinkHelper-ill.css*/
.ilh-comment {
	font-size: 75%;
}

.ilh-colon, .ilh-lang {
    display: none;
}
/*Gadget-internalLinkHelper-altcolor.css*/
.ilh-page a.new {
    color: #00af89;
}

.client-nojs .ilh-page a.new,
.ilh-active .ilh-page a.new {
    color: #BA0000;
}
/*Gadget-internalLinkHelper-ilbluehl.css*/
span.ilh-blue span a {
	color: #21a9ff;
}
span.ilh-blue span a:visited {
	color: #2150ff;
}