Hola amigo, en realidad para esto como tu mismo lo haz dicho "tan simple", no necesitas php u otro lenguaje de programación, como veo que estás usando solo html y css no te compliques la vida y hazlo con un simple código de JavaScript...
A continuación te dejo un ejemplo completo en un HTML:
Código HTML:
Ver original <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> Ejemplo página web, multilenguaje
<script type="text/javascript"> //Básicamente le decimos al DOM que cuando se haya cargado ejecute una función.
//En este caso la función ejecutará los eventos para el selector de idioma.
document.addEventListener("DOMContentLoaded", function(event) {
document.getElementById('combox_idioma').addEventListener('change', function() {
//Suponiendo que la página en ingles está en el directorio /en
//me devuelvo una carpeta a la carpeta raíz con ("../") y le digo
//que se vaya a la carpeta que ha sido seleccionada en el combox_idioma.
//NOTA: Recordar que los value del selector deben tener el nombre de la
//carpeta del idioma.
location.href = "../" + this.value + "/index.html";
//No es necesario poner el index.html
//Pues como está en una carpeta, será el primer archivo leido, por tanto ya es cosa de
//gutos, en lo personal no me gusta poner el index.html. ;), así que si deseas eliminarlo
//No va a afectar en nada. :3
//Si te complico la vida con esto, puedes poner en el value de cada option
//del selector la url, de esta manera solo tendrías que descomentar la siguiente
//linea y comentar o eliminar la anterior.
//location.href = this.value;
});
});
Si corres el código anterior en un archivo html, verás que consigo lo que deseas, a continuación para tener una mejor vista del código JavaScript te lo dejo a continuación, básicamente tendrás que cambiar "combox_idioma" por el id del selector de idioma que ya tienes, y tener en cuenta lo que te escribí en los comentarios del mismo código
Código Javascript
:
Ver original<script type="text/javascript">
//Básicamente le decimos al DOM que cuando se haya cargado ejecute una función.
//En este caso la función ejecutará los eventos para el selector de idioma.
document.addEventListener("DOMContentLoaded", function(event) {
document.getElementById('combox_idioma').addEventListener('change', function() {
//Suponiendo que la página en ingles está en el directorio /en
//me devuelvo una carpeta a la carpeta raíz con ("../") y le digo
//que se vaya a la carpeta que ha sido seleccionada en el combox_idioma.
//NOTA: Recordar que los value del selector deben tener el nombre de la
//carpeta del idioma.
location.href = "../" + this.value + "/index.html";
//No es necesario poner el index.html
//Pues como está en una carpeta, será el primer archivo leido, por tanto ya es cosa de
//gutos, en lo personal no me gusta poner el index.html. ;), así que si deseas eliminarlo
//No va a afectar en nada. :3
//Si te complico la vida con esto, puedes poner en el value de cada option
//del selector la url completa del sitio en sus respectivas versiones, de
//esta manera solo tendrías que descomentar la siguiente
//linea y comentar o eliminar la anterior.
//location.href = this.value;
});
});
</script>
Cualquier duda, no olvides preguntar
