Estoy realizando una página multilenguaje. Para lo cual tengo un <a href="#">
que me redireccioná a la página en inglés o en español usando JavaScript respectivamente.
Este es un ejemplo de la lógica que utilizo. Si lo pruebo en mi computadora funciona sin problemas, pero en celulares (Por ejemplo utilizando chrome versión mobile) no redirecciona. Osea vuelve a cargar la pagina pero en ningún momento modifica el link.
Ejemplo: si el url es index.html al apretar en "Inglés" tendría que cambiar a index.html/#ingles
. No obstante si mantengo apretado y lo abro en una pestaña nueva, esta nueva si viene con el tag
incluido.
<a href="#espanol" data-reload> Espanol </a>
<br>
<a href="#ingles" data-reload> Ingles </a>
<h4 id=a>titulo</h4>
<script>
var dataReload = document.querySelectorAll("[data-reload]");
var lenguaje = {
espanol: {
titulo: "titulo"
},
ingles: {
titulo: "title"
}
}
if(window.location.hash){
if(window.location.hash === "#espanol"){
a.textContent = lenguaje.espanol.titulo;
}
}
if(window.location.hash){
if(window.location.hash === "#ingles"){
a.textContent = lenguaje.ingles.titulo;
}
}
for(i=0; i<=dataReload.length; i++){
dataReload[i].onclick = function(){
window.location.reload(true);
}
}
</script>
Alguna idea? Muchas gracias por su tiempo. Saludos