Tags: Mobile edit Mobile web edit |
|
| (4 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| /* All JavaScript here will be loaded for users of the MinervaNeue skin */
| | mw.loader.load('/resources/assets/common/minerva.js'); |
| // 모바일 메뉴에서 '둘러보기' 문서 보여주기
| |
| | |
| document
| |
| .querySelector('#mw-mf-page-left #p-navigation')
| |
| .insertAdjacentHTML(
| |
| 'afterend',
| |
| '<ul id="p-main-categories">'+
| |
| '<li class="title-recommended"><a><span>Recommended Documents</span></a><span class="ico-arrow"></span></li>'+
| |
| '<li class="recommended" style="display:none;"><a href="/en/World_Mission_Society_Church_of_God"><span>Church of God(Document)</span></a></li>'+
| |
| '<li class="recommended" style="display:none;"><a href="/en/Ahnsahnghong"><span>Christ Ahnsahnghong</span></a></li>'+
| |
| '<li class="recommended" style="display:none;"><a href="/en/God_the_Mother"><span>God the Mother</span></a></li>'+
| |
| '<li class="recommended" style="display:none;"><a href="/en/Sabbath"><span>Sabbath</span></a></li>'+
| |
| '<li class="recommended" style="display:none;"><a href="/en/Passover"><span>Passover</span></a></li>'+
| |
| '<li class="recommended" style="display:none;"><a href="/en/Gospel_and_the_New_Covenant"><span>Gospel and New Covenant</span></a></li>'+
| |
| '<li class="title-category"><a><span>Browse by Category</span></a><span class="ico-arrow"></span></li>'+
| |
| '<li class="category" style="display:none;"><a href="/en/Category:Church_of_God"><span>Church of God</span></a></li>'+
| |
| '<li class="category" style="display:none;"><a href="/en/Category:God_the_Father"><span>God the Father</span></a></li>'+
| |
| '<li class="category" style="display:none;"><a href="/en/Category:God_the_Mother"><span>God the Mother</span></a></li>'+
| |
| '<li class="category" style="display:none;"><a href="/en/Category:Gospel_of_the_New_Covenant"><span>Gospel of the New Covenant</span></a></li>'+
| |
| '<li class="category" style="display:none;"><a href="/en/Category:Bible_Knowledge"><span>Bible Knowledge</span></a></li>'+
| |
| '<li class="category" style="display:none;"><a href="/en/Category:Biblical_Issues"><span>Biblical Issues</span></a></li>'+
| |
| '<li class="category" style="display:none;"><a href="/en/Category:Community_Service"><span>Community Service</span></a></li>'+
| |
| '<li class="category" style="display:none;"><a href="/en/Category:Global_Cooperation"><span>Global Cooperation</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();
| |
| }
| |
| });
| |
| });
| |
| });
| |