Diferencia entre revisiones de «MediaWiki:Minerva.js»
Ir a la navegación
Ir a la búsqueda
Sin resumen de edición Etiquetas: Edición desde móvil Edición vía web móvil |
Sin resumen de edición |
||
| Línea 25: | Línea 25: | ||
); | ); | ||
document.querySelector( | // Recommended Documents 토글 | ||
document.querySelector('#p-main-categories .title-recommended') | |||
.addEventListener('click', function (event) { | |||
event.stopPropagation(); // 사이드바 닫힘 방지 | |||
openList(this, '.recommended'); | |||
}); | }); | ||
// Browse by Category 토글 | |||
document.querySelector('#p-main-categories .title-category') | |||
.addEventListener('click', function (event) { | |||
event.stopPropagation(); // 사이드바 닫힘 방지 | |||
openList(this, '.category'); | |||
}); | |||
function openList(titleLi, selector) { | |||
titleLi.classList. | titleLi.classList.toggle('open'); | ||
let next = titleLi.nextElementSibling; | |||
while (next && !next.classList.contains('title-recommended') && !next.classList.contains('title-category')) { | |||
if (next.matches(selector)) { | |||
next.style.display = (next.style.display === 'none' || next.style.display === '') ? 'block' : 'none'; | |||
} | |||
next = next.nextElementSibling; | |||
} | |||
} | } | ||
| Línea 51: | Línea 54: | ||
document.querySelectorAll("iframe").forEach(function (iframe) { | document.querySelectorAll("iframe").forEach(function (iframe) { | ||
iframe.parentElement.classList.add("video-wrap"); | iframe.parentElement.classList.add("video-wrap"); | ||
}); | |||
mw.loader.using(['jquery']).then(function() { | |||
$(function() { | |||
var modal = $('#myLayer'); | |||
var btn = $('#selectLanguage'); // jQuery 선택자 사용 | |||
var span = $('.close-button').first(); | |||
btn.click(function() { | |||
modal.show(); | |||
}); | |||
span.click(function() { | |||
modal.hide(); | |||
}); | |||
$(window).click(function(event) { | |||
if ($(event.target).is(modal)) { | |||
modal.hide(); | |||
} | |||
}); | |||
}); | |||
}); | }); | ||
Revisión del 16:02 25 sep 2025
/* All JavaScript here will be loaded for users of the MinervaNeue skin */
// 모바일 메뉴에서 '둘러보기' 문서 보여주기
document
.querySelector("#mw-mf-page-left #p-navigation")
.insertAdjacentHTML(
"afterend",
'<ul id="p-main-categories" class="recommended-open">'+
'<li class="title-recommended open"><a><span>Documentos recomendados</span></a><span class="ico-arrow"></span></li>'+
'<li class="recommended"><a href="/es/Iglesia_de_Dios_Sociedad_Misionera_Mundial"><span>Iglesia de Dios (documento)</span></a></li>'+
'<li class="recommended"><a href="/es/Ahnsahnghong"><span>Cristo Ahnsahnghong</span></a></li>'+
'<li class="recommended"><a href="/es/Dios_Madre"><span>Dios Madre</span></a></li>'+
'<li class="recommended"><a href="/es/El_Día_de_Reposo"><span>El Día de Reposo</span></a></li>'+
'<li class="recommended"><a href="/es/Pascua"><span>Pascua</span></a></li>'+
'<li class="recommended"><a href="/es/El_evangelio_y_el_nuevo_pacto"><span>El evangelio y el nuevo pacto</span></a></li>'+
'<li class="title-category"><a><span>Buscar por categoría</span></a><span class="ico-arrow"></span></li>'+
'<li class="category"><a href="/es/Categoría:Iglesia_de_Dios"><span>Iglesia de Dios</span></a></li>'+
'<li class="category"><a href="/es/Categoría:Dios_Padre"><span>Dios Padre</span></a></li>'+
'<li class="category"><a href="/es/Categoría:Dios Madre"><span>Dios Madre</span></a></li>'+
'<li class="category"><a href="/es/Categoría:El_evangelio_del_nuevo_pacto"><span>El evangelio del nuevo pacto</span></a></li>'+
'<li class="category"><a href="/es/Categoría:Sentido_común_de_la_Biblia"><span>Sentido común de la Biblia</span></a></li>'+
'<li class="category"><a href="/es/Categoría:Asuntos_bíblicos"><span>Asuntos bíblicos</span></a></li>'+
'<li class="category"><a href="/es/Categoría:Servicio_comunitario"><span>Servicio comunitario</span></a></li>'+
'<li class="category"><a href="/es/Categoría:Cooperación_Global"><span>Cooperación Global</span></a></li>'+
'</ul>'
);
// Recommended Documents 토글
document.querySelector('#p-main-categories .title-recommended')
.addEventListener('click', function (event) {
event.stopPropagation(); // 사이드바 닫힘 방지
openList(this, '.recommended');
});
// Browse by Category 토글
document.querySelector('#p-main-categories .title-category')
.addEventListener('click', function (event) {
event.stopPropagation(); // 사이드바 닫힘 방지
openList(this, '.category');
});
function openList(titleLi, selector) {
titleLi.classList.toggle('open');
let next = titleLi.nextElementSibling;
while (next && !next.classList.contains('title-recommended') && !next.classList.contains('title-category')) {
if (next.matches(selector)) {
next.style.display = (next.style.display === 'none' || next.style.display === '') ? 'block' : 'none';
}
next = next.nextElementSibling;
}
}
// 유튜브 썸네일
document.querySelectorAll("iframe").forEach(function (iframe) {
iframe.parentElement.classList.add("video-wrap");
});
mw.loader.using(['jquery']).then(function() {
$(function() {
var modal = $('#myLayer');
var btn = $('#selectLanguage'); // jQuery 선택자 사용
var span = $('.close-button').first();
btn.click(function() {
modal.show();
});
span.click(function() {
modal.hide();
});
$(window).click(function(event) {
if ($(event.target).is(modal)) {
modal.hide();
}
});
});
});