11 908
edições
Sem resumo de edição |
Sem resumo de edição |
||
| (3 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; | ||