사용자:사도바울/기타

위키백과, 우리 모두의 백과사전.
둘러보기로 가기 검색하러 가기

참고사항[편집]

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

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

문서가 아직 없는 경우[편집]

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

해당 틀: 괘르마늄(영어:Germanium)

문서가 이미 있는 경우[편집]

임시링크: 위키백과

해당 틀: 위키백과

빨간색 링크만 표시[편집]

/*Gadget-internalLinkHelper-redonly.css*/
.ilh-comment {
    display: none;
}

툴팁에서 원본 링크 표시[편집]

/*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-redonly.css*/
/*Gadget-internalLinkHelper-redtipsy.css*/
.ilh-tipsy .tipsy-inner {
    max-width: none;
}

빨간색 링크와 원본 제목 표시[편집]

/*Gadget-internalLinkHelper-redplain.js*/
(function ($, mw) { $(function() {
    $('.ilh-link', mw.util.$content).each(function() {
        $(this).text($(this).text()); // remove link
    });
}); })(jQuery, mediaWiki);
/*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-external.js*/
(function ($, mw) { $(function() {
    $('.ilh-all', mw.util.$content).each(function() {
        var exta = $('.ilh-link a', this);
        if (exta.length == 0) return;
        $('.ilh-page a', this).removeClass('new').addClass('extiw')
            .attr('href', exta.attr('href'))
            .attr('title', exta.attr('title'));
    });
}); })(jQuery, mediaWiki);
/*Gadget-internalLinkHelper-redonly.css*/
/*Gadget-internalLinkHelper-external.css*/
.ilh-page a.new {
    color: #36b !important; /* mimic */
}

뒤에 언어 표시[편집]

--> {{임시링크}}와 동일하게 보이도록 수정하기. 일단 기본설정으로.

/*Gadget-internalLinkHelper-suffix.js*/
(function ($, mw) { $(function() {
    $('.ilh-lang', mw.util.$content).each(function() {
        $(this).text($(this).text());
    });
}); })(jQuery, mediaWiki);
/*Gadget-internalLinkHelper-external.css*/
/*Gadget-internalLinkHelper-suffix.css*/
.ilh-comment { /* taken from [[Template:Languageicon]] */
    font-family: sans-serif;
    color: #54595d;
    font-size: 0.8em;
    bottom: 0.1em;
    font-weight: bold;
}

.ilh-lang a {
    color: inherit !important;
}

.ilh-colon, .ilh-link {
    display: none;
}

커서를 올리면 툴팁 표시[편집]

/*Gadget-internalLinkHelper-redtipsy.js*/
/*Gadget-internalLinkHelper-redonly.css*/
/*Gadget-internalLinkHelper-redtipsy.css*/
/*Gadget-internalLinkHelper-altcolor.css*/
.ilh-page a.new {
    color: #00af89;
}

.client-nojs .ilh-page a.new,
.ilh-active .ilh-page a.new {
    color: #BA0000;
}

문서가 이미 존재하는 경우 강조[편집]

위 코드에 다음 css만 추가하면 된다.

/*Gadget-internalLinkHelper-ilbluehl.css*/
span.ilh-blue span a {
	color: #21a9ff;
}
span.ilh-blue span a:visited {
	color: #2150ff;
}

접근성[편집]

예시 , 예시  --> 구현될 경우 기본설정으로 고려해봄직