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="page-container">
/* Any JavaScript here will be loaded for all users on every page load. */
<div class="spaced-header-container">
=[https://docs.google.com/document/d/1T3bhXchqGE7IJ_VUJLeHPQq6ECMY-GSAtSH8KzbruLs/edit?usp=sharing Aardvark's Priority List]=
</div>


== Useful Templates ==
/* Implement content toggle buttons */
* [[Template:Album|Album Page Template]]
$(document).ready(function () {
* [[Template:Song|Song Page Template]]
    /* Kanji Toggle */
* [[Template:RecordedLive|Recorded Live Performance Page Template]]
    $('.language-button.jp').on('click', function() {
* [[Template:Character|Character Page Template]]
        $('#en-button').removeClass('bhighlight');
** For fictional people
        $('#ro-button').removeClass('bhighlight');
* [[Template:Biography|Biography Page Template]]
        $(this).addClass('bhighlight');
** For real people
        $('.jp-content').show();
* [[Template:PageContributors|Page Contributors]]
        $('.en-content').hide();
** For adding credits to content pages
        $('.ro-content').hide();
* [[Template:En dash|En-dash]]
    });
* [[Template:Em dash|Em-dash]]
    /* Romaji Toggle */
 
    $('.language-button.ro').on('click', function() {
== Pages to Develop ==
        $('#en-button').removeClass('bhighlight');
=== Content ===
        $('#jp-button').removeClass('bhighlight');
* [[Sound Horizon]]
        $(this).addClass('bhighlight');
* [[Linked Horizon]]
        $('.ro-content').show();
* [[Revo]]
        $('.jp-content').hide();
* [[Revo's Discography]]
        $('.en-content').hide();
* [[Sound Horizon Lives]]
    });
* [[Linked Horizon Lives]]
    /* English Toggle */
=== Meta ===
    $('.language-button.en').on('click', function() {
* [[Blank Chronicle Contributors]]
        $('#ro-button').removeClass('bhighlight');
* [[Blank Chronicle:Privacy policy]]
        $('#jp-button').removeClass('bhighlight');
* [[Blank Chronicle:About]]
        $(this).addClass('bhighlight');
* [[Blank Chronicle:General disclaimer]]
        $('.en-content').show();
 
        $('.jp-content').hide();
== Stuff ==
        $('.ro-content').hide();
* [https://www.mediawiki.org/wiki/Manual:Collapsible_elements Collapsible Elements]
    });
** [https://meta.wikimedia.org/wiki/Help:Collapsing Collapsing]
    /* RE Toggle */
* [https://www.mediawiki.org/wiki/Help:Images Built-in Images/Galleries]
    $('.edition-button.re').on('click', function() {
* [https://en.wikipedia.org/wiki/Wikipedia:WikiProject_Transwiki#Useful_files_and_templates Template import/copying]
        $('#le-button').removeClass('bhighlight');
* [https://en.wikipedia.org/wiki/Help:Conditional_tables Conditional Tables]
        $('#dx-button').removeClass('bhighlight');
* [https://en.wikipedia.org/wiki/Wikipedia:Catalogue_of_CSS_classes CSS/JS]
        $('#fc-button').removeClass('bhighlight');
* [https://en.wikipedia.org/wiki/MediaWiki:Common.css Wikipedia CSS]
        $(this).addClass('bhighlight');
__NOTOC__
         $('.re-content').show();
<div class="tight-header-container">
        $('.le-content').hide();
 
        $('.dx-content').hide();
== Characters ==
        $('.fc-content').hide();
</div>
    });
<div class="characters-container">
    /* LE Toggle */
<div class="character-container">
    $('.edition-button.le').on('click', function() {
<div class="character-img">
        $('#re-button').removeClass('bhighlight');
[[File:ChronicleCover.jpg]]
        $('#dx-button').removeClass('bhighlight');
</div>
        $(this).addClass('bhighlight');
         <div class="character-links">
        $('.le-content').show();
<div class="character-item">
        $('.re-content').hide();
[[Roman]]
        $('.dx-content').hide();
</div>
    });
<div class="character-item">
    /* DX Toggle */
[[Asa to Yoru no Monogatari ~Another Roman Mix~]]
    $('.edition-button.dx').on('click', function() {
</div>
        $('#re-button').removeClass('bhighlight');
<div class="character-item">
        $('#le-button').removeClass('bhighlight');
[[Nein]]
        $(this).addClass('bhighlight');
</div>
        $('.dx-content').show();
<div class="character-item">
        $('.re-content').hide();
[[Märchen]]
        $('.le-content').hide();
                </div>
    });
</div>
    /* FC Toggle */
<div class="character-name">
    $('.edition-button.fc').on('click', function() {
=== Hiver ===
        $('#re-button').removeClass('bhighlight');
</div>
        $(this).addClass('bhighlight');
<div class="character-blurb">
        $('.fc-content').show();
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam et rutrum elit.
        $('.re-content:not(.nav-button)').hide();
</div>
    });
</div>
    /* DVD Toggle */
<div class="character-container">
    $('.media-button.dvd').on('click', function() {
<div class="character-img">
        $('#bd-button').removeClass('bhighlight');
[[File:VaniSutaCover.jpg]]
        $(this).addClass('bhighlight');
</div>
        $('.dvd-content').show();
<div class="character-links">
        $('.bd-content').hide();
<div class="character-item">
    });
[[Yodaka no Hoshi (short ver.)]]
    /* Blu-Ray Toggle */
</div>
    $('.media-button.bd').on('click', function() {
<div class="character-item">
        $('#dvd-button').removeClass('bhighlight');
[[Yodaka no Hoshi (single)]]
        $(this).addClass('bhighlight');
</div>
        $('.bd-content').show();
<div class="character-item">
        $('.dvd-content').hide();
[[Vanishing Starlight]]
    });
</div>
});
<div class="character-item">
[[Nein]]
                </div>
</div>
<div class="character-name">
=== Noël ===
</div>
<div class="character-blurb">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam et rutrum elit.
</div>
</div>
</div>
 
== Page Contributors ==
<div class="credits-container">
{{PageContributor|name=[[User:Aardvark#Revo|Revo]]|work1=* Everything|work2=* The Future|work3=* The Past}}{{PageContributor|name=Revo|work1=* Everything|work2=* The Future|work3=* The Past}}{{PageContributor|name=Revo|work1=* Everything|work2=* The Future|work3=* The Past}}{{PageContributor|name=Revo|work1=* Everything|work2=* The Future|work3=* The Past}}{{PageContributor|name=Revo|work1=* Everything|work2=* The Future|work3=* The Past}}{{PageContributor|name=Revo|work1=* Everything|work2=* The Future|work3=* The Past}}
</div>
</div>
[[Category:Wiki Meta]]

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