Tags: Mobile edit Mobile web edit |
|
| (5 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" class="recommended-open">'+
| |
| '<li class="title-recommended open"><a><span>Recommended Documents</span></a><span class="ico-arrow"></span></li>'+
| |
| '<li class="recommended"><a href="/en/World_Mission_Society_Church_of_God"><span>Church of God(Document)</span></a></li>'+
| |
| '<li class="recommended"><a href="/en/Ahnsahnghong"><span>Christ Ahnsahnghong</span></a></li>'+
| |
| '<li class="recommended"><a href="/en/God_the_Mother"><span>God the Mother</span></a></li>'+
| |
| '<li class="recommended"><a href="/en/Sabbath"><span>Sabbath</span></a></li>'+
| |
| '<li class="recommended"><a href="/en/Passover"><span>Passover</span></a></li>'+
| |
| '<li class="recommended"><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"><a href="/en/Category:Church_of_God"><span>Church of God</span></a></li>'+
| |
| '<li class="category"><a href="/en/Category:God_the_Father"><span>God the Father</span></a></li>'+
| |
| '<li class="category"><a href="/en/Category:God_the_Mother"><span>God the Mother</span></a></li>'+
| |
| '<li class="category"><a href="/en/Category:Gospel_of_the_New_Covenant"><span>Gospel of the New Covenant</span></a></li>'+
| |
| '<li class="category"><a href="/en/Category:Bible_Knowledge"><span>Bible Knowledge</span></a></li>'+
| |
| '<li class="category"><a href="/en/Category:Biblical_Issues"><span>Biblical Issues</span></a></li>'+
| |
| '<li class="category"><a href="/en/Category:Community_Service"><span>Community Service</span></a></li>'+
| |
| '<li class="category"><a href="/en/Category:Global_Cooperation"><span>Global Cooperation</span></a></li>'+
| |
| '</ul>'
| |
| );
| |
| | |
| document.querySelector('#p-main-categories .title-recommended').addEventListener('click', function () {
| |
| openList(this);
| |
| });
| |
| document.querySelector('#p-main-categories .title-category').addEventListener('click', function () {
| |
| openList(this);
| |
| });
| |
| | |
| function openList(titleLi) {
| |
| // 현재 li가 열려 있으면 닫기
| |
| if (titleLi.classList.contains('open')) {
| |
| titleLi.classList.remove('open');
| |
| let next = titleLi.nextElementSibling;
| |
| while (next && !next.classList.contains('title-recommended') && !next.classList.contains('title-category')) {
| |
| next.style.display = 'none';
| |
| next = next.nextElementSibling;
| |
| }
| |
| } else {
| |
| // 열기
| |
| titleLi.classList.add('open');
| |
| let next = titleLi.nextElementSibling;
| |
| while (next && !next.classList.contains('title-recommended') && !next.classList.contains('title-category')) {
| |
| next.style.display = 'block';
| |
| 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();
| |
| }
| |
| });
| |
| });
| |
| });
| |