MediaWiki:Gadget-switcher.js
Penampilan
Catatan: Selepas diterbitkan, anda mungkin perlu memintas cache pelayar web untuk melihat perubahan.
- Firefox / Safari: Tahan Shift sambil klik Reload, atau tekan sama ada Ctrl-F5 atau Ctrl-R (⌘-R pada Mac)
- Google Chrome: Tekan Ctrl-Shift-R (⌘-Shift-R pada Mac)
- Edge: Tahan Ctrl sambil tekan Refresh, atau tekan Ctrl-F5.
( function () {
'use strict';
$( function () {
$( document.querySelectorAll( '.switcher-container' ) ).each( function ( i ) {
var activeElement, $showAllRadio;
var elements = [], container = this, radioName = 'switcher-' + i;
$( this ).children().each( function () {
var self = this, $showRadio;
var $labelContainer = $( self ).find( '.switcher-label' );
var $labelText = $labelContainer.contents();
if ( !$labelText.length ) {
return;
}
elements.push( self );
$showRadio = $( '<input type="radio">' ).attr( 'name', radioName ).click( function () {
$( activeElement ).hide();
$( self ).show();
activeElement = self;
} );
$( '<label style="display:block"></label>' ).append( $showRadio, $labelText ).appendTo( container );
if ( !activeElement ) {
activeElement = self;
$showRadio.prop( 'checked', true );
} else if ( $labelContainer.is( '[data-switcher-default]' ) ) {
$showRadio.click();
} else {
$( self ).hide();
}
$labelContainer.remove();
} );
if ( elements.length > 1 ) {
$showAllRadio = $( '<input type="radio">' ).attr( 'name', radioName ).click( function () {
$( elements ).show();
activeElement = elements;
} );
$( '<label style="display:block">Tunjuk semua</label>' ).prepend( $showAllRadio ).appendTo( container );
} else if ( elements.length === 1 ) {
$showRadio.remove();
}
} );
} );
} )();