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

    CABAL WIKI
    편집 요약 없음
    편집 요약 없음
    1번째 줄: 1번째 줄:
    /* 이 자바스크립트 설정은 모든 문서, 모든 사용자에게 적용됩니다. */
    /* 이 자바스크립트 설정은 모든 문서, 모든 사용자에게 적용됩니다. */
    /* MediaWiki:Common.js 에 이 파일 내용 전체를 붙여넣으세요. (CSS는 넣지 말 것!) */


    /* 외부 링크 새 창 열기 */
    /* ===== 외부 링크 새 창 열기 ===== */
    $(document).ready(function () {
    $(document).ready(function () {
       $('#bodyContent a.external').attr('target', '_blank').attr('rel', 'noopener noreferrer');
       $('#bodyContent a.external').attr('target', '_blank').attr('rel', 'noopener noreferrer');
    });
    });


     
    /* ===== 목차 박스 드래그 이동 =====
    /* 목차 박스를 왼쪽에 고정하고 드래그 가능하게 만들기 */
      (원치 않으면 이 블록 전체를 삭제해도 됩니다.
    $(function () {
        새 디자인은 목차가 본문 안 박스로 정리되어 있어 고정(fixed) 배치는 껐습니다) */
      // 목차 박스가 존재할 경우에만 실행
    mw.loader.using('jquery.ui', function () {
       if ($('#toc').length === 0) return;
       if ($('#toc').length === 0) return;
     
       $('#toc').css({ cursor: 'move' });
      // 스타일 설정
       $('#toc').css({
        position: 'fixed',
        top: '200px',
        left: '30px',
        zIndex: 1000,
        cursor: 'move'
      });
     
      // 드래그 가능하게 설정
      $('#toc').draggable({
        containment: 'window',
        scroll: false
      });
    });
     
    mw.loader.using('jquery.ui', function () {
       $('#toc').draggable({
       $('#toc').draggable({
         containment: 'window',
         containment: 'window',
    38번째 줄: 22번째 줄:
    mw.loader.using('mediawiki.util', function () {
    mw.loader.using('mediawiki.util', function () {


       var $div = $('<div id="google_translate_element" style="position:fixed;top:10px;right:120px;z-index:9999;background:#1a1a2e;padding:4px 10px;border:1px solid #C9A84C;border-radius:3px;"></div>');
       var $div = $('<div id="google_translate_element"></div>');
       $('body').append($div);
       $('body').append($div);


    54번째 줄: 38번째 줄:
       document.body.appendChild(script);
       document.body.appendChild(script);
    });
    });
    /* ===== Google 번역 위젯 반응형 ===== */
    #google_translate_element {
      display: inline-flex;
      align-items: center;
      padding: 2px 8px;
      vertical-align: middle;
    }
    #google_translate_element .goog-te-gadget-simple {
      background: #0D1428 !important;
      border: 1px solid #8A6820 !important;
      border-radius: 3px !important;
      padding: 2px 6px !important;
      font-size: 0.75rem !important;
      white-space: nowrap;
    }
    #google_translate_element .goog-te-gadget-simple span {
      color: #C9A84C !important;
    }
    #google_translate_element .goog-te-gadget-simple .goog-te-menu-value span {
      color: #C9A84C !important;
    }
    /* 모바일 */
    @media (max-width: 768px) {
      #google_translate_element {
        display: block;
        width: 100%;
        text-align: center;
        padding: 6px 0;
        border-top: 1px solid rgba(201,168,76,0.2);
        border-bottom: 1px solid rgba(201,168,76,0.2);
        margin: 4px 0;
      }
    }

    2026년 7월 2일 (목) 16:59 판

    /* 이 자바스크립트 설정은 모든 문서, 모든 사용자에게 적용됩니다. */
    /* MediaWiki:Common.js 에 이 파일 내용 전체를 붙여넣으세요. (CSS는 넣지 말 것!) */
    
    /* ===== 외부 링크 새 창 열기 ===== */
    $(document).ready(function () {
      $('#bodyContent a.external').attr('target', '_blank').attr('rel', 'noopener noreferrer');
    });
    
    /* ===== 목차 박스 드래그 이동 =====
       (원치 않으면 이 블록 전체를 삭제해도 됩니다.
        새 디자인은 목차가 본문 안 박스로 정리되어 있어 고정(fixed) 배치는 껐습니다) */
    mw.loader.using('jquery.ui', function () {
      if ($('#toc').length === 0) return;
      $('#toc').css({ cursor: 'move' });
      $('#toc').draggable({
        containment: 'window',
        scroll: false
      });
    });
    
    /* ===== Google 자동 번역 위젯 ===== */
    mw.loader.using('mediawiki.util', function () {
    
      var $div = $('<div id="google_translate_element"></div>');
      $('body').append($div);
    
      window.googleTranslateElementInit = function () {
        new google.translate.TranslateElement({
          pageLanguage: 'ko',
          includedLanguages: 'en,ja,ko',
          layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
          autoDisplay: false
        }, 'google_translate_element');
      };
    
      var script = document.createElement('script');
      script.src = '//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit';
      document.body.appendChild(script);
    });