리브레 위키:운영진 요청/2022년 7월: 두 판 사이의 차이

22번째 줄: 22번째 줄:


[[틀토론:탭|토론 결과]]에 따라 반영을 요청합니다. <span style="font-family: Noto Serif KR; line-height: 2em; font-weight: bold;">[[사:하늘|{{색|g = linear-gradient(24deg, #0074ff, #dbecff);|蒼天}}]]</span> <small>[[사토:하늘|토론]] [[특수:기여/하늘|기여]]</small> 2022년 7월 7일 (목) 14:41 (KST)
[[틀토론:탭|토론 결과]]에 따라 반영을 요청합니다. <span style="font-family: Noto Serif KR; line-height: 2em; font-weight: bold;">[[사:하늘|{{색|g = linear-gradient(24deg, #0074ff, #dbecff);|蒼天}}]]</span> <small>[[사토:하늘|토론]] [[특수:기여/하늘|기여]]</small> 2022년 7월 7일 (목) 14:41 (KST)
:{{질문}} 어디부터 어디까지를 교체해야 하는지 안내 부탁드립니다. --[[사:Liebesfreud|Liebesfreud <span style='font-size:80%'>사랑의 기쁨</span>]] <small>(<span class="plainlinks">[https://librewiki.net/wiki/특수:기록?user=Liebesfreud 공개 기록]</span>·[[사토:Liebesfreud|토론]])</small> 2022년 7월 7일 (목) 19:21 (KST)
<syntaxhighlight lang="javascript">
/**
* [[틀:탭]]용
*/
$('.libre-tab .libre-tab-btn').click(function() {
    if ($(this).hasClass('libre-tab-btn-active')) return;
    var $libretab = $(this).parents('.libre-tab');
    $libretab.find('.libre-tab-btn-active').removeClass('libre-tab-btn-active');
    $(this).addClass('libre-tab-btn-active');
    var index = $(this).index();
    $libretab.find('.libre-tab-main-content').removeClass('libre-tab-main-content-active');
    $libretab.find('.libre-tab-main-content').eq(index).addClass('libre-tab-main-content-active');
});
</syntaxhighlight

2022년 7월 7일 (목) 19:21 판


미디어위키:common.js, 틀:탭 구현 부분 교체 요청

document.querySelectorAll('.libre .libre-tab').forEach(function (libretab) {
    var $libretab = $(libretab);
    var $btns = $libretab.children('.libre-tab-btns');
    var $content = $libretab.children('.libre-tab-main');
    $btns.children('.libre-tab-btn').click(function () {
        if (this.classList.contains('.libre-tab-btn-active')) return;
        $btns.children('.libre-tab-btn-active').removeClass('libre-tab-btn-active');
        this.classList.add('libre-tab-btn-active');

        var index = $(this).index();
        $content.children('.libre-tab-main-content-active').removeClass('libre-tab-main-content-active');
        $content.children('.libre-tab-main-content').eq(index).addClass('libre-tab-main-content-active');
    });
})

토론 결과에 따라 반영을 요청합니다. 蒼天 토론 기여 2022년 7월 7일 (목) 14:41 (KST)

질문 어디부터 어디까지를 교체해야 하는지 안내 부탁드립니다. --Liebesfreud 사랑의 기쁨 (공개 기록·토론) 2022년 7월 7일 (목) 19:21 (KST)

<syntaxhighlight lang="javascript"> /**

* 틀:탭용
*/

$('.libre-tab .libre-tab-btn').click(function() {

   if ($(this).hasClass('libre-tab-btn-active')) return;
   var $libretab = $(this).parents('.libre-tab');
   $libretab.find('.libre-tab-btn-active').removeClass('libre-tab-btn-active');
   $(this).addClass('libre-tab-btn-active');
   var index = $(this).index();
   $libretab.find('.libre-tab-main-content').removeClass('libre-tab-main-content-active');
   $libretab.find('.libre-tab-main-content').eq(index).addClass('libre-tab-main-content-active');

}); </syntaxhighlight