User:Aardvark and MediaWiki:Common.js: Difference between pages

From Blank Chronicle
(Difference between pages)
No edit summary
 
No edit summary
 
Line 1: Line 1:
<p><span class="language-button en">Click me a few times!</span></p>
/* Any JavaScript here will be loaded for all users on every page load. */


<div class="language-target en">I'm a thing!</div>
/* Implement content toggle buttons */
 
$(document).ready(function () {
<p><span class="language-button jp">Click me a few times!</span></p>
    /* Kanji Toggle */
 
    $('.language-button.jp').on('click', function() {
<div class="language-target jp">I'm a thing!</div>
        $('#en-button').removeClass('bhighlight');
 
        $('#ro-button').removeClass('bhighlight');
<p><span class="edition-button re">Click me a few times!</span></p>
        $(this).addClass('bhighlight');
 
        $('.jp-content').show();
<div class="edition-target re">I'm a thing!</div>
        $('.en-content').hide();
 
        $('.ro-content').hide();
<div class="tab-container">
    });
    <div class="tab-subcontainer" id="language-subcontainer">
    /* Romaji Toggle */
         <div class="tab-language" id="tab-kanji" onclick="showLanguage(event, 'tab-jp')">Kanji</div>
    $('.language-button.ro').on('click', function() {
         <div class="tab-language" id="tab-english" onclick="showLanguage(event, 'tab-en')">English</div>
        $('#en-button').removeClass('bhighlight');
     </div>
        $('#jp-button').removeClass('bhighlight');
     <div class="tab-subcontainer" id="edition-subcontainer">
        $(this).addClass('bhighlight');
         <div class="tab-edition tooltip" id="tab-re" onclick="showEdition(event, 'tab-re')">RE
        $('.ro-content').show();
<span class="tooltiptext">Display Regular Edition</span></div>
        $('.jp-content').hide();
        <div class="tab-edition tooltip" id="tab-le" onclick="showEdition(event, 'tab-le')">LE
         $('.en-content').hide();
<span class="tooltiptext">Display Limited Edition</span></div>
    });
         <div class="tab-edition tooltip" id="tab-dx" onclick="showEdition(event, 'tab-dx')">DX
    /* English Toggle */
<span class="tooltiptext">Display Deluxe Edition</span></div>
    $('.language-button.en').on('click', function() {
     </div>
        $('#ro-button').removeClass('bhighlight');
</div>
        $('#jp-button').removeClass('bhighlight');
 
        $(this).addClass('bhighlight');
<div class="language-items tab-en">This is English.</div>
         $('.en-content').show();
 
        $('.jp-content').hide();
<div class="language-items tab-jp">これわ日本語</div>
        $('.ro-content').hide();
 
    });
<div class="edition-items">This is a test.</div>
     /* RE Toggle */
 
     $('.edition-button.re').on('click', function() {
<!-- == Stuff ==
        $('#le-button').removeClass('bhighlight');
* [https://www.mediawiki.org/wiki/Manual:Collapsible_elements Collapsible Elements]
         $('#dx-button').removeClass('bhighlight');
* [https://en.wikipedia.org/wiki/Template:Infobox Infobox Template]
        $('#fc-button').removeClass('bhighlight');
* [https://en.wikipedia.org/wiki/Wikipedia:WikiProject_Transwiki#Useful_files_and_templates Template import/copying]
        $(this).addClass('bhighlight');
* [https://attackontitan.fandom.com/wiki/Help:Infobox Infobox implementation example]
        $('.re-content').show();
* [https://www.mediawiki.org/wiki/Manual:Importing_Wikipedia_infoboxes_tutorial More infobox]
        $('.le-content').hide();
* [https://en.wikipedia.org/wiki/Wikipedia:Catalogue_of_CSS_classes CSS/JS]
        $('.dx-content').hide();
* [https://en.wikipedia.org/wiki/MediaWiki:Common.css Wikipedia CSS]
        $('.fc-content').hide();
-->
    });
    /* LE Toggle */
    $('.edition-button.le').on('click', function() {
        $('#re-button').removeClass('bhighlight');
        $('#dx-button').removeClass('bhighlight');
        $(this).addClass('bhighlight');
         $('.le-content').show();
        $('.re-content').hide();
        $('.dx-content').hide();
    });
     /* DX Toggle */
    $('.edition-button.dx').on('click', function() {
        $('#re-button').removeClass('bhighlight');
        $('#le-button').removeClass('bhighlight');
        $(this).addClass('bhighlight');
        $('.dx-content').show();
        $('.re-content').hide();
        $('.le-content').hide();
    });
    /* FC Toggle */
    $('.edition-button.fc').on('click', function() {
        $('#re-button').removeClass('bhighlight');
        $(this).addClass('bhighlight');
        $('.fc-content').show();
        $('.re-content:not(.nav-button)').hide();
    });
    /* DVD Toggle */
    $('.media-button.dvd').on('click', function() {
        $('#bd-button').removeClass('bhighlight');
        $(this).addClass('bhighlight');
        $('.dvd-content').show();
        $('.bd-content').hide();
    });
    /* Blu-Ray Toggle */
    $('.media-button.bd').on('click', function() {
        $('#dvd-button').removeClass('bhighlight');
        $(this).addClass('bhighlight');
        $('.bd-content').show();
        $('.dvd-content').hide();
    });
});

Latest revision as of 22:58, 5 June 2021

/* Any JavaScript here will be loaded for all users on every page load. */

/* Implement content toggle buttons */
$(document).ready(function () {
    /* Kanji Toggle */
    $('.language-button.jp').on('click', function() {
        $('#en-button').removeClass('bhighlight');
        $('#ro-button').removeClass('bhighlight');
        $(this).addClass('bhighlight');
        $('.jp-content').show();
        $('.en-content').hide();
        $('.ro-content').hide();
    });
    /* Romaji Toggle */
    $('.language-button.ro').on('click', function() {
        $('#en-button').removeClass('bhighlight');
        $('#jp-button').removeClass('bhighlight');
        $(this).addClass('bhighlight');
        $('.ro-content').show();
        $('.jp-content').hide();
        $('.en-content').hide();
    });
    /* English Toggle */
    $('.language-button.en').on('click', function() {
        $('#ro-button').removeClass('bhighlight');
        $('#jp-button').removeClass('bhighlight');
        $(this).addClass('bhighlight');
        $('.en-content').show();
        $('.jp-content').hide();
        $('.ro-content').hide();
    });
    /* RE Toggle */
    $('.edition-button.re').on('click', function() {
        $('#le-button').removeClass('bhighlight');
        $('#dx-button').removeClass('bhighlight');
        $('#fc-button').removeClass('bhighlight');
        $(this).addClass('bhighlight');
        $('.re-content').show();
        $('.le-content').hide();
        $('.dx-content').hide();
        $('.fc-content').hide();
    });
    /* LE Toggle */
    $('.edition-button.le').on('click', function() {
        $('#re-button').removeClass('bhighlight');
        $('#dx-button').removeClass('bhighlight');
        $(this).addClass('bhighlight');
        $('.le-content').show();
        $('.re-content').hide();
        $('.dx-content').hide();
    });
    /* DX Toggle */
    $('.edition-button.dx').on('click', function() {
        $('#re-button').removeClass('bhighlight');
        $('#le-button').removeClass('bhighlight');
        $(this).addClass('bhighlight');
        $('.dx-content').show();
        $('.re-content').hide();
        $('.le-content').hide();
    });
    /* FC Toggle */
    $('.edition-button.fc').on('click', function() {
        $('#re-button').removeClass('bhighlight');
        $(this).addClass('bhighlight');
        $('.fc-content').show();
        $('.re-content:not(.nav-button)').hide();
    });
    /* DVD Toggle */
    $('.media-button.dvd').on('click', function() {
        $('#bd-button').removeClass('bhighlight');
        $(this).addClass('bhighlight');
        $('.dvd-content').show();
        $('.bd-content').hide();
    });
    /* Blu-Ray Toggle */
    $('.media-button.bd').on('click', function() {
        $('#dvd-button').removeClass('bhighlight');
        $(this).addClass('bhighlight');
        $('.bd-content').show();
        $('.dvd-content').hide();
    });
});