11 908
edições
MediaWiki:Common.js: mudanças entre as edições
Ir para navegação
Ir para pesquisar
sem sumário de edição
Sem resumo de edição |
Sem resumo de edição |
||
| (8 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) | |||
| Linha 39: | Linha 39: | ||
}); | }); | ||
} | } | ||
/* Pokedex */ | |||
var coll3 = document.getElementsByClassName("collapsible-pokedex"); | |||
function toggleContent(clickedButton, contentToToggle) { | |||
var allContents = document.getElementsByClassName("content"); | |||
for (var j = 0; j < allContents.length; j++) { | |||
allContents[j].style.maxHeight = null; | |||
} | |||
var allButtons2 = document.getElementsByClassName("collapsible-pokedex"); | |||
for (var k = 0; k < allButtons2.length; k++) { | |||
allButtons2[k].classList.remove("active"); | |||
} | |||
if (contentToToggle.style.maxHeight) { | |||
contentToToggle.style.maxHeight = null; | |||
} else { | |||
contentToToggle.style.maxHeight = contentToToggle.scrollHeight + "px"; | |||
} | |||
clickedButton.classList.add("active"); | |||
} | |||
for (var i = 0; i < coll3.length; i++) { | |||
coll3[i].addEventListener("click", function() { | |||
var content = this.nextElementSibling; | |||
toggleContent(this, content); | |||
}); | |||
} | |||
/* Pokedex */ | |||
function toggleShinyList() { | function toggleShinyList() { | ||
| Linha 53: | Linha 84: | ||
$(document).ready(function () { | $(document).ready(function () { | ||
var isAscending = true; | var isAscending = true; | ||
var $sortButton = $('<div class="sort-button" style="width: | var $sortButton = $('<div class="sort-button" style="width: 60px; height: 50px; background-image: url(https://wiki.otpokemon.com/images/9/92/O-c.png); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 3px; cursor: pointer; float: right; margin-right: 0.5%;margin-top: -50px;"></div>'); | ||
$('.square-div- | $('.square-div-shiny').before($sortButton); | ||
$sortButton.on('click', function () { | $sortButton.on('click', function () { | ||
var $container = $('.square-div- | var $container = $('.square-div-shiny'); | ||
var $boxes = $container.children('.square-box- | var $boxes = $container.children('.square-box-shiny'); | ||
$boxes.sort(function (a, b) { | $boxes.sort(function (a, b) { | ||
var numA = parseInt($(a).find('.square-name- | var numA = parseInt($(a).find('.square-name-shiny').text().match(/\d+/)[0], 10); | ||
var numB = parseInt($(b).find('.square-name- | var numB = parseInt($(b).find('.square-name-shiny').text().match(/\d+/)[0], 10); | ||
return isAscending ? numA - numB : numB - numA; | return isAscending ? numA - numB : numB - numA; | ||
| Linha 71: | Linha 103: | ||
var newImage = isAscending | var newImage = isAscending | ||
? 'https://wiki.otpokemon.com/images/ | ? 'https://wiki.otpokemon.com/images/e/e2/O-d.png' | ||
: 'https://wiki.otpokemon.com/images/ | : 'https://wiki.otpokemon.com/images/9/92/O-c.png'; | ||
$sortButton.css('background-image', 'url(' + newImage + ')'); | $sortButton.css('background-image', 'url(' + newImage + ')'); | ||