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

리버티게임(개발), 모두가 만들어가는 자유로운 게임
둘러보기로 이동 검색으로 이동
백괴게임>Riemann
편집 요약 없음
백괴게임>Js091213
잔글 (Riemann의 편집을 Bd3076의 마지막 판으로 되돌림)
372번째 줄: 372번째 줄:
}
}
$( initialYoutube );
$( initialYoutube );
/**
  * 모바일 모드 자동 해제
  * 사용자가 모바일 환경이면 자동으로 벡터 스킨으로 전환합니다.
  * 이 해제하고 싶으면 var execute를 true로 바꾸면 됩니다. 실행하고 싶으면 다시 true로 되돌려 놓아 주세요.
  * 작성자: [[사용자:BANIP|BANIP]]
  */
function offMobileEnviroment(){
  var execute = true;
  if(!execute) return;
  $("#mw-mf-display-toggle").each(function(){
      location.search += "&mobileaction=toggle_view_desktop"
  })
}
$( offMobileEnviroment )
/** 모바일 환경 뷰포트 지원
  * head에 viewport관련 메타태그를 추가합니다. 모바일 환경에서 css의 media query를 인식 할 수 있도록 도와줍니다.
  * 작성자:[[사용자:BANIP|BANIP]]
  */
function setViewport(){
    $('head').append('<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">');
}
$( setViewport )

2018년 1월 31일 (수) 16:10 판

/* 이 자바스크립트 설정은 모든 문서, 모든 사용자에게 적용됩니다. */
/*<source lang="javascript"><nowiki>*/

/** [[틀:USERNAME]]에서 사용하는 바꿔치기 함수
  * 작성자: [[사용자:Peremen|Peremen]]
*/

function UserNameReplace() {
    if (typeof(disableUsernameReplace) != 'undefined' && disableUsernameReplace) return;
    if (!document.getElementById('pt-userpage')) return;
    $("span.insertusername").each(function(i) {
        $(this).text(wgUserName)
    })
};
$(UserNameReplace);

/** [[틀:제목]]에서 사용하는 제목 바꿔치기 함수
  * 작성자: [[사용자:Peremen|Peremen]]
  */

function rewriteTitle() {
    if (typeof(disableTitleRewrite) != 'undefined' && disableTitleRewrite) return;
    if (!document.getElementById('title-meta')) return;
    $('h1.firstHeading').each( function(i){
        $(this).html( $("#title-meta").html()).css('text-align', $("#title-align").text())
    })
}
$(rewriteTitle);

/* from en: */
var hasClass = (function () {
    var reCache = {};
    return function (element, className) {
        return (reCache[className] ? reCache[className] : (reCache[className] = new RegExp("(?:\\s|^)" + className + "(?:\\s|$)"))).test(element.className);
    };
}
)();

/* ([[위키백과:관리자 요청/2007년 5월#스크립트 추가 요청]]) */
/** Collapsible tables *********************************************************
*
*  Description: Allows tables to be collapsed, showing only the header. See
*               Wikipedia:NavFrame.
*  Maintainers: User:R. Koot
*/

//var autoCollapse = 2;
//var collapseCaption = "hide";
//var expandCaption = "show";

function collapseTable( tableIndex ) {
    var Button = document.getElementById( "collapseButton" + tableIndex );
    var Table = document.getElementById( "collapsibleTable" + tableIndex );

    if ( !Table || !Button ) {
        return false;
    }

    var Rows = Table.getElementsByTagName( "tr" );

    if ( Button.firstChild.data == collapseCaption ) {
        for ( var i = 1; i < Rows.length; i++ ) {
            Rows[i].style.display = "none";
        }
        Button.firstChild.data = expandCaption;
    } else {
        for ( var i = 1; i < Rows.length; i++ ) {
            Rows[i].style.display = Rows[0].style.display;
        }
        Button.firstChild.data = collapseCaption;
    }
}

function createCollapseButtons() {
    var tableIndex = 0;
    var NavigationBoxes = new Object();
    var Tables = document.getElementsByTagName( "table" );

    for ( var i = 0; i < Tables.length; i++ ) {
        if ( hasClass( Tables[i], "collapsible" ) ) {
            NavigationBoxes[ tableIndex ] = Tables[i];
            Tables[i].setAttribute( "id", "collapsibleTable" + tableIndex );

            var Button     = document.createElement( "span" );
            var ButtonLink = document.createElement( "a" );
            var ButtonText = document.createTextNode( collapseCaption );

            Button.style.styleFloat = "right";
            Button.style.cssFloat = "right";
            Button.style.fontWeight = "normal";
            Button.style.textAlign = "right";
            Button.style.width = "6em";

            ButtonLink.setAttribute( "id", "collapseButton" + tableIndex );
            ButtonLink.setAttribute( "href", "javascript:collapseTable(" + tableIndex + ");" );
            ButtonLink.appendChild( ButtonText );

            Button.appendChild( document.createTextNode( "[" ) );
            Button.appendChild( ButtonLink );
            Button.appendChild( document.createTextNode( "]" ) );

            var Header = Tables[i].getElementsByTagName( "tr" )[0].getElementsByTagName( "th" )[0];
            /* only add button and increment count if there is a header row to work with */
            if (Header) {
                Header.insertBefore( Button, Header.childNodes[0] );
                tableIndex++;
            }
        }
    }

    for ( var i = 0;  i < tableIndex; i++ ) {
        if ( hasClass( NavigationBoxes[i], "collapsed" ) || ( tableIndex >= autoCollapse && hasClass( NavigationBoxes[i], "autocollapse" ) ) ) {
            collapseTable( i );
        }
    }
}

$( createCollapseButtons );

/* ([[위키백과:관리자 요청/2007년 5월#스크립트 추가 요청]]) */
/** Dynamic Navigation Bars (experimental) *************************************
  *
  *  Description: See [[:en:Wikipedia:NavFrame]].
  *  Maintainers: UNMAINTAINED
  */

// set up the words in your language
var autoCollapse = 2;
var collapseCaption = "숨기기";
var expandCaption = "보이기";
var NavigationBarHide = '[' + collapseCaption + ']';
var NavigationBarShow = '[' + expandCaption + ']';

// set up max count of Navigation Bars on page,
// if there are more, all will be hidden
// NavigationBarShowDefault = 0; // all bars will be hidden
// NavigationBarShowDefault = 1; // on pages with more than 1 bar all bars will be hidden
var NavigationBarShowDefault = autoCollapse;


// shows and hides content and picture (if available) of navigation bars
// Parameters:
//     indexNavigationBar: the index of navigation bar to be toggled
function toggleNavigationBar(indexNavigationBar) {
    var NavToggle = document.getElementById("NavToggle" + indexNavigationBar);
    var NavFrame = document.getElementById("NavFrame" + indexNavigationBar);

    if (!NavFrame || !NavToggle) {
        return false;
    }

    // if shown now
    if (NavToggle.firstChild.data == NavigationBarHide) {
        for (
            var NavChild = NavFrame.firstChild;
            NavChild != null;
            NavChild = NavChild.nextSibling
        ) {
            if ( hasClass( NavChild, 'NavPic' ) ) {
                NavChild.style.display = 'none';
            }
            if ( hasClass( NavChild, 'NavContent') ) {
                NavChild.style.display = 'none';
            }
        }
        NavToggle.firstChild.data = NavigationBarShow;

        // if hidden now
    } else if (NavToggle.firstChild.data == NavigationBarShow) {
        for (
            var NavChild = NavFrame.firstChild;
            NavChild != null;
            NavChild = NavChild.nextSibling
        ) {
            if (hasClass(NavChild, 'NavPic')) {
                NavChild.style.display = 'block';
            }
            if (hasClass(NavChild, 'NavContent')) {
                NavChild.style.display = 'block';
            }
        }
        NavToggle.firstChild.data = NavigationBarHide;
    }
}

// adds show/hide-button to navigation bars
function createNavigationBarToggleButton() {
    var indexNavigationBar = 0;
    // iterate over all < div >-elements
    var divs = document.getElementsByTagName("div");
    for (var i=0;NavFrame = divs[i];i++) {
        // if found a navigation bar
        if (hasClass(NavFrame, "NavFrame")) {

            indexNavigationBar++;
            var NavToggle = document.createElement("a");
            NavToggle.className = 'NavToggle';
            NavToggle.setAttribute('id', 'NavToggle' + indexNavigationBar);
            NavToggle.setAttribute('href', 'javascript:toggleNavigationBar(' + indexNavigationBar + ');');

            var NavToggleText = document.createTextNode(NavigationBarHide);
            NavToggle.appendChild(NavToggleText);
            // Find the NavHead and attach the toggle link (Must be this complicated because Moz's firstChild handling is borked)
            for (
                var j=0;
                j < NavFrame.childNodes.length;
                j++
            ) {
                if (hasClass(NavFrame.childNodes[j], "NavHead")) {
                    NavFrame.childNodes[j].appendChild(NavToggle);
                }
            }
            NavFrame.setAttribute('id', 'NavFrame' + indexNavigationBar);
        }
    }
    // if more Navigation Bars found than Default: hide all
    if (NavigationBarShowDefault < indexNavigationBar) {
        for (
            var i=1;
            i<=indexNavigationBar;
            i++
        ) {
            toggleNavigationBar(i);
        }
    }

}

$( createNavigationBarToggleButton );

/** 대문의 탭을 "프로젝트"->"대문"으로 바꾸는 함수.
  * 작성자: [[사용자:Peremen|Peremen]]
*/

function MainPageRenameNamespaceTab() {
  var title = mw.config.get( 'wgPageName' );
  var hasMainPageTab = (title == '백괴게임:대문' || title == '백괴게임토론:대문');
  if ( hasMainPageTab ){
    $( '#ca-nstab-project a' ).text( "대문" );
  }
  var hasGameListTab = (title == '백괴게임:게임_목록' || title == '백괴게임토론:게임_목록');
  if ( hasGameListTab ){
    $( '#ca-nstab-project a' ).text( "게임 목록" );
  }
  $( '#ca-nstab-main a' ).text( "게임" );
}
$(MainPageRenameNamespaceTab);

/** 임베드 플래시 무비 
 * 문서에 플래시 파일을 넣을 수 있게 합니다. [[틀:플래시]]를 참고하십시오.
 * 원작성자: [[:en:User:Olipro|Olipro]]
 */
function useFlash(){
var flashOk;
var contentTempHolder;
$( embedFlashCheck );
}

function embedFlashMovie( flashOk ) {
	mainbody = document.getElementById( 'bodyContent' );
	mainbody.innerHTML = contentTempHolder;
	spancheck = document.getElementsByTagName( 'span' );
	for( i = 0; i < spancheck.length; i++ ) {
		if( spancheck[i].getAttribute( 'id' ) != 'embedFlashDoc' ) {
			continue;
		}
		obj = spancheck[i].innerHTML.split( '@' );
		flwidth = obj[0];
		flheight = obj[1];
		flfile = obj[2].replace( 'fullurl://', 'https://' );
		showFlash = ' ';
		if( flashOk ) {
			showFlash = '<object width="' + flwidth + '" height="' + flheight + '"';
			showFlash += 'classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"';
			showFlash += 'codebase="http://fpdownload.macromedia.com/pub/';
			showFlash += 'shockwave/cabs/flash/swflash.cab#version=8,0,0,0">';
			showFlash += '<param name="movie" value="' + flfile + '" />';
			showFlash += '<embed src="' + flfile + '" width="' + flwidth + '" height=';
			showFlash += '"' + flheight + '" type="application/x-shockwave-flash" ';
			showFlash += 'pluginspage="http://www.macromedia.com/go/getflashplayer" />';
			showFlash += '</object>';
		} else {
			showFlash = '<a class="plainlinks" href="javascript:embedFlashMovie(true)" onClick="embedFlashMovie(true)">' + flfile + '</a> (신뢰하는 경우 보려면 클릭하십시오.)';
		}
		spancheck[i].innerHTML = showFlash;
		spancheck[i].style.display = 'inline';
	}
};

function embedFlashCheck() {
	if( !document.getElementById( 'embedFlashDoc' ) ) {
		return;
	}
	mainbody = document.getElementById( 'bodyContent' );
	contentTempHolder = mainbody.innerHTML;
	if( typeof displayFlashOverride != 'undefined' ) {
		embedFlashMovie( displayFlashOverride );
		return;
	}
	askmessage = '<div align="center" id="askflash">이 게임에는 ';
	askmessage += '<a href="/wiki/백괴:플래시" class="plainlinks">플래시</a>가 들어있습니다.<br />';
	askmessage += '컴퓨터에 해를 끼칠 수 있으므로 신뢰하는 경우에만 여십시오.<br />';
	askmessage += '플래시가 포함된 게임을 보시겠습니까?<br><b> ';
	askmessage += '<a href="javascript:embedFlashMovie(true)" ';
	askmessage += 'onClick="embedFlashMovie(true)">예</a> | <a ';
	askmessage += 'href="https://game.uncyclopedia.kr/">아니오</a>';
	mainbody.innerHTML = askmessage;
}
$( useFlash );

/* userAgent */
/** source: http://www.gregoryvarghese.com/how-to-get-browser-name-and-version-via-javascript/ **/

function get_browser_info(){
var ua=navigator.userAgent,tem,M=ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
if(/trident/i.test(M[1])){
tem=/\brv[ :]+(\d+)/g.exec(ua) || [];
return {name:'IE ',version:(tem[1]||'')};
}

if(M[1]==='Chrome'){
tem=ua.match(/\bOPR\/(\d+)/)
if(tem!=null)   {return {name:'Opera', version:tem[1]};}
}

M=M[2]? [M[1], M[2]]: [navigator.appName, navigator.appVersion, '-?'];

if((tem=ua.match(/version\/(\d+)/i))!=null) {M.splice(1,1,tem[1]);}

return {
name: M[0],
version: M[1]
};

}

/** [[틀:CGI2|CGI2]]를 사용 가능하게 만드는 jquery 구문
  * 작성자: [[사용자:BANIP|BANIP]]
  */
function useCGI2(){
    $(".cgilink").each(function(){
        // CGI2의 page속성과 data속성을 가져옴
        var pagename = $(this).data("page");
        var variables = JSON.parse( $(this).data("var").replace(/\, *\]/,"]") );
        // 가져온 page데이터 속성을 조합해 url인스턴스 생성
        var urlstr = window.location.origin + "/wiki/" + pagename + window.location.search;
        var url = new URL(urlstr);
        // 가져온 var속성으로 url 인스턴스의 searchparams를 씹고 뜯고 맛보고 즐기고
        variables.forEach(function(variable){
            Object.entries(variable).forEach(function(actionWrap){
                var action = actionWrap[0];
                var payload = actionWrap[1];
                url.searchParams[action](payload[0],payload[1]);
            })
        })
        // cgilink에 a태그 추가
        var children = $(this).html();
        $(this).html("<a href=" + url.href + ">" + children + "</a>")
    });
}
$(useCGI2);
/** 유튜브 영상 초기화
  * [[틀:비디오]]를 사용 가능하게 해 줍니다.
  * 작성자: [[사용자:BANIP]]
  */
function initialYoutube(){
  $(".youtube").each(function(){
    var code = $(this).data("code");
    var url = "https://www.youtube.com/embed/" + code;
    $(this).html('<iframe width="560" height="315" src="' + url + '" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>');
  })
}
$( initialYoutube );