MediaWiki:Common.js
Nota: Após publicar, você pode ter que limpar o "cache" do seu navegador para ver as alterações.
- Firefox / Safari: Pressione Shift enquanto clica Recarregar, ou pressione Ctrl-F5 ou Ctrl-R (⌘-R no Mac)
- Google Chrome: Pressione Ctrl-Shift-R (⌘-Shift-R no Mac)
- Internet Explorer/Edge: PressioneCtrl enquanto clica Recarregar, ou Pressione Ctrl-F5
- Opera: Pressione Ctrl-F5.
/* Códigos JavaScript aqui colocados serão carregados por todos aqueles que acessarem alguma página deste wiki */ var coll = document.getElementsByClassName("collapsible-battle-pass"); var i; for (i = 0; i < coll.length; i++) { coll[i].addEventListener("click", function() { this.classList.toggle("active"); var content = this.nextElementSibling; if (content.style.maxHeight){ content.style.maxHeight = null; } else { content.style.maxHeight = content.scrollHeight + "px"; } }); } var coll = document.getElementsByClassName("collapsible-pokemon"); var p; for (p = 0; p < coll.length; p++) { coll[p].addEventListener("click", function() { this.classList.toggle("active"); var content = this.nextElementSibling; if (content.style.maxHeight){ content.style.maxHeight = null; } else { content.style.maxHeight = content.scrollHeight + "px"; } }); } var tUpload = document.getElementById('t-upload'); var pTb = document.getElementById('p-tb'); if (!tUpload) { if (pTb) { pTb.style.display = 'none'; } } /* Teste */ function slider(){ const slider = document.querySelectorAll('.slide'); const timer = 10000; slider[0].style.display = 'block'; bullets = sliderBulletsCreation(slider); sliderLoop(slider, timer, bullets); }; function sliderLoop(slider, timer, bullets){ var timeoutFunction = []; for (var i = 0; slide = slider[i] && (i < slider.length); i++) { timeoutFunction.push(setTimeout(sliderAnim.bind(null, slider, i, timer, bullets), i*timer)); }; bullets.forEach(function(bullet, index){ bullet.addEventListener("click", function(event){ console.log(index); timeoutFunction.forEach(function(element){ clearTimeout(element); }); var t=0; for (var i = index; slide = slider[i] && (i < slider.length); i++) { timeoutFunction.push(setTimeout(sliderAnim.bind(null, slider, i, timer, bullets), t*timer)); t++; }; }) }) }; function sliderAnim(slider, i, timer, bullets){ slider.forEach(function(slide){ slide.style.display = 'none'; }) bullets.forEach(function(bullet){ bullet.style.backgroundColor = "#e5e5e5"; }) slider[i].style.display = 'block'; bullets[i].style.backgroundColor = "#007ee5"; if (i == (slider.length - 1)){setTimeout(sliderLoop.bind(null,slider, timer, bullets), timer)}; }; function sliderBulletsCreation(slider){ const sliderContainer = document.querySelector('.slider2'); const length = slider.length; const bullets = []; for (var i = 0; slide = slider[i] && (i < slider.length); i++) { var bullet = document.createElement("div"); bullet.classList.add('slider-bullet'); bullet.style.right = 20 + (i * 30) + 'px'; bullet.style.width = "20px"; bullet.style.height = "20px"; sliderContainer.appendChild(bullet); bullets.push(bullet); } return bullets; }; slider(); const img = document.getElementById('source-image'); const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); img.onload = function() { // Desenhar a imagem no canvas para análise canvas.width = img.width; canvas.height = img.height; ctx.drawImage(img, 0, 0); const imageData = ctx.getImageData(0, 0, img.width, img.height); const pixels = imageData.data; let top = img.height, left = img.width, right = 0, bottom = 0; // Iterar pelos pixels para encontrar bordas do conteúdo for (let y = 0; y < img.height; y++) { for (let x = 0; x < img.width; x++) { const i = (y * img.width + x) * 4; const alpha = pixels[i + 3]; if (alpha > 0) { // Pixel não é transparente if (x < left) left = x; if (x > right) right = x; if (y < top) top = y; if (y > bottom) bottom = y; } } } // Calcular a largura e altura do conteúdo visível const width = right - left; const height = bottom - top; // Redimensionar o canvas e redesenhar o conteúdo cortado canvas.width = width; canvas.height = height; ctx.clearRect(0, 0, canvas.width, canvas.height); ctx.drawImage(img, left, top, width, height, 0, 0, width, height); };