Mudanças entre as edições de "Widget:Droflax"
Ir para navegação
Ir para pesquisar
| Linha 9: | Linha 9: | ||
document.addEventListener("DOMContentLoaded", function() { | document.addEventListener("DOMContentLoaded", function() { | ||
const links = document.querySelectorAll(".language-switch a"); | const links = document.querySelectorAll(".language-switch a"); | ||
const baseUrl = window.location.pathname; // | const baseUrl = window.location.pathname; // Página actual | ||
const searchParams = new URLSearchParams(window.location.search); | |||
links.forEach(link => { | links.forEach(link => { | ||
const lang = link.getAttribute("data-lang"); | const lang = link.getAttribute("data-lang"); | ||
link.href = baseUrl + "? | // Mantener otros parámetros de la URL si existen | ||
searchParams.set("lang", lang); | |||
link.href = baseUrl + "?" + searchParams.toString(); | |||
}); | }); | ||
}); | }); | ||
Edição das 18h49min de 29 de agosto de 2025
<a data-lang="pt"><img src="https://upload.wikimedia.org/wikipedia/en/0/05/Flag_of_Brazil.svg" width="32" height="24"></a> <a data-lang="es"><img src="https://upload.wikimedia.org/wikipedia/commons/9/9a/Flag_of_Spain.svg" width="32" height="24"></a> <a data-lang="en"><img src="https://upload.wikimedia.org/wikipedia/en/a/a4/Flag_of_the_United_States.svg" width="32" height="24"></a> <a data-lang="pl"><img src="https://upload.wikimedia.org/wikipedia/en/1/12/Flag_of_Poland.svg" width="32" height="24"></a>
<script> document.addEventListener("DOMContentLoaded", function() {
const links = document.querySelectorAll(".language-switch a");
const baseUrl = window.location.pathname; // Página actual
const searchParams = new URLSearchParams(window.location.search);
links.forEach(link => {
const lang = link.getAttribute("data-lang");
// Mantener otros parámetros de la URL si existen
searchParams.set("lang", lang);
link.href = baseUrl + "?" + searchParams.toString();
});
}); </script>
<style> .language-switch {
display: flex; gap: 6px; margin: 8px 0;
} .language-switch img {
border: 1px solid #ccc; border-radius: 6px; cursor: pointer; transition: transform 0.2s ease, border-color 0.2s ease;
} .language-switch img:hover {
transform: scale(1.1); border-color: #333;
} </style>