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:
<div class="tab-container">
/* Any JavaScript here will be loaded for all users on every page load. */
    <div class="tab-subcontainer" id="language-subcontainer">
        <div class="tab-language" id="tab-kanji" onclick="showLanguage(event, 'tab-jp')">Kanji</div>
        <div class="tab-language" id="tab-english" onclick="showLanguage(event, 'tab-en')">English</div>
    </div>
    <div class="tab-subcontainer" id="edition-subcontainer">
        <div class="tab-edition tooltip" id="tab-re" onclick="showEdition(event, 'tab-re')">RE
<span class="tooltiptext">Display Regular Edition</span></div>
        <div class="tab-edition tooltip" id="tab-le" onclick="showEdition(event, 'tab-le')">LE
<span class="tooltiptext">Display Limited Edition</span></div>
        <div class="tab-edition tooltip" id="tab-dx" onclick="showEdition(event, 'tab-dx')">DX
<span class="tooltiptext">Display Deluxe Edition</span></div>
    </div>
</div>


<div class="language-items tab-en">This is English.</div>
/* Implement content toggle buttons */
 
$(document).ready(function () {
<div class="language-items tab-jp">これわ日本語</div>
    /* Kanji Toggle */
 
    $('.language-button.jp').on('click', function() {
<div class="edition-items">This is a test.</div>
        $('#en-button').removeClass('bhighlight');
 
        $('#ro-button').removeClass('bhighlight');
<p><span class="aardvark-button">Click me a few times!</span></p>
        $(this).addClass('bhighlight');
 
        $('.jp-content').show();
<div class="aardvark-target">I'm a thing!</div>
        $('.en-content').hide();
 
        $('.ro-content').hide();
<!-- == Stuff ==
    });
* [https://www.mediawiki.org/wiki/Manual:Collapsible_elements Collapsible Elements]
    /* Romaji Toggle */
* [https://en.wikipedia.org/wiki/Template:Infobox Infobox Template]
    $('.language-button.ro').on('click', function() {
* [https://en.wikipedia.org/wiki/Wikipedia:WikiProject_Transwiki#Useful_files_and_templates Template import/copying]
        $('#en-button').removeClass('bhighlight');
* [https://attackontitan.fandom.com/wiki/Help:Infobox Infobox implementation example]
        $('#jp-button').removeClass('bhighlight');
* [https://www.mediawiki.org/wiki/Manual:Importing_Wikipedia_infoboxes_tutorial More infobox]
        $(this).addClass('bhighlight');
* [https://en.wikipedia.org/wiki/Wikipedia:Catalogue_of_CSS_classes CSS/JS]
        $('.ro-content').show();
* [https://en.wikipedia.org/wiki/MediaWiki:Common.css Wikipedia CSS]
        $('.jp-content').hide();
-->
        $('.en-content').hide();
 
    });
<!-- <strong>MediaWiki has been installed.</strong>
    /* English Toggle */
 
    $('.language-button.en').on('click', function() {
Consult the [https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents User's Guide] for information on using the wiki software.
        $('#ro-button').removeClass('bhighlight');
 
        $('#jp-button').removeClass('bhighlight');
== Getting started ==
        $(this).addClass('bhighlight');
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Configuration settings list]
        $('.en-content').show();
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ MediaWiki FAQ]
        $('.jp-content').hide();
* [https://lists.wikimedia.org/mailman/listinfo/mediawiki-announce MediaWiki release mailing list]
        $('.ro-content').hide();
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Localise MediaWiki for your language]
    });
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Learn how to combat spam on your wiki] -->
    /* 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();
    });
});

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();
    });
});