미디어위키:Common.js: 두 판 사이의 차이

편집 요약 없음
편집 요약 없음
1번째 줄: 1번째 줄:
/* 이 자바스크립트 설정은 모든 문서, 모든 사용자에게 적용됩니다. */
/* ReferenceTooltip 스크립트 로드 */
mw.loader.load('//en.wikipedia.org/w/index.php?title=MediaWiki:Gadget-referenceTooltips.js&action=raw&ctype=text/javascript');
// jQuery를 사용하여 접기/펼치기 기능 추가
$(document).ready(function() {
$(document).ready(function() {
     // 접기/펼치기 기능
     // .custom-toggle를 클릭하면 다음 형제 요소(.custom-content)가 접히고 펼쳐짐
     $('.custom-toggle').click(function() {
     $('.custom-toggle').click(function() {
         $(this).next('.custom-content').slideToggle();
         $(this).next('.custom-content').slideToggle();  
    });
 
    // 각주 팝업 기능
    $('.reference').hover(function(event) {
        var refId = $(this).attr('href'); // href 속성에서 각주 id 가져오기
        if (refId && refId.startsWith('#')) {
            refId = refId.substring(1); // # 제거 후 id 가져오기
            var tooltip = $('#' + refId).clone().find('.mw-cite-backlink').remove().end().html(); // 각주 내용 가져오기
            if (tooltip) {
                $('<div id="ref-tooltip"></div>')
                    .css({
                        position: 'absolute',
                        background: '#f9f9f9',
                        border: '1px solid #aaa',
                        padding: '5px',
                        'z-index': 100,
                        display: 'none',
                        'max-width': '300px',
                        'box-shadow': '0 0 5px rgba(0,0,0,0.2)'
                    })
                    .appendTo('body')
                    .html(tooltip)
                    .fadeIn('fast');
            }
        }
    }, function() {
        $('#ref-tooltip').remove();
    }).mousemove(function(e) {
        $('#ref-tooltip')
            .css({
                top: e.pageY + 10 + 'px',
                left: e.pageX + 10 + 'px'
            });
     });
     });
});
});

2024년 9월 23일 (월) 15:40 판

/* 이 자바스크립트 설정은 모든 문서, 모든 사용자에게 적용됩니다. */

/* ReferenceTooltip 스크립트 로드 */
mw.loader.load('//en.wikipedia.org/w/index.php?title=MediaWiki:Gadget-referenceTooltips.js&action=raw&ctype=text/javascript');

// jQuery를 사용하여 접기/펼치기 기능 추가
$(document).ready(function() {
    // .custom-toggle를 클릭하면 다음 형제 요소(.custom-content)가 접히고 펼쳐짐
    $('.custom-toggle').click(function() {
        $(this).next('.custom-content').slideToggle(); 
    });
});