미디어위키:Common.js
둘러보기로 이동
검색으로 이동
참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.
- 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
- 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
- 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
- 오페라: Ctrl-F5를 입력.
mw.hook('wikipage.content').add(function ($content) {
// 목차(#toc)가 있는지 확인
const $toc = $content.find('#toc');
if ($toc.length) {
console.log('목차가 감지되었습니다.');
// 목차 컨테이너 고정 위치 설정
$toc.css({
position: 'fixed',
top: '20px',
right: '20px',
width: '250px',
backgroundColor: '#f9f9f9',
border: '1px solid #ddd',
borderRadius: '4px',
padding: '10px',
boxShadow: '0 4px 8px rgba(0, 0, 0, 0.1)',
zIndex: 1000,
overflow: 'hidden', // 목차 전체 스크롤 제거
});
// 목차 내부 리스트 스크롤 활성화
const $list = $toc.children('ul, ol');
if ($list.length) {
$list.css({
maxHeight: '75vh', // 내부 리스트 최대 높이
overflowY: 'auto', // 내부 리스트에만 스크롤 활성화
margin: 0,
padding: 0,
listStyle: 'none',
paddingRight: '10px', // 스크롤바 공간 확보
});
} else {
console.warn('목차 내부에 리스트가 없습니다.');
}
// 페이지 내용 간 여백 조정
$('#content').css('margin-right', '280px');
} else {
console.warn('목차가 없습니다.');
}
});
mw.hook('wikipage.content').add(function($content) {
// 모든 주석 <sup> 태그 선택
const refs = $content.find('sup.reference');
refs.each(function() {
const $ref = $(this);
const refId = $ref.find('a').attr('href'); // <a> 태그의 href 속성에서 ID 가져오기
if (refId) {
const refContent = $(refId).html(); // 주석 내용 가져오기
// 팝업용 컨테이너 생성
const $tooltip = $('<div>')
.addClass('ref-tooltip')
.html(refContent)
.css({
display: 'none',
position: 'absolute',
border: '1px solid #ccc',
background: '#fff',
padding: '10px',
'z-index': 1000,
'box-shadow': '0 4px 8px rgba(0,0,0,0.1)',
});
// 팝업을 DOM에 추가
$('body').append($tooltip);
// 마우스 이벤트 처리
$ref.on('mouseenter', function(event) {
$tooltip.css({
top: event.pageY + 10,
left: event.pageX + 10,
}).fadeIn(200);
});
$ref.on('mousemove', function(event) {
$tooltip.css({
top: event.pageY + 10,
left: event.pageX + 10,
});
});
$ref.on('mouseleave', function() {
$tooltip.fadeOut(200);
});
}
});
});