Seleccion de idioma

[virkings]

Buenas.

Estoy utilizando la seleccion de idiomas con JS y necesito saber como hacer para que no me los muestre todos de una sola ves, quiero que me muestre por defecto español y que despues se pueda seleccionar a los demas y no como me sucede con este codigo.

Código:

<script type="text/javascript" >
var idioma = "es";
function ponerIdioma(cual) {
	document.getElementById(idioma).style.display = "none";
	idioma = cual;
	document.getElementById(idioma).style.display = "block";
}
var idioma = "fr";
function ponerIdioma(cual)	{
	document.getElementById(idioma).style.display = "none";
	idioma = cual;
	document.getElementById(idioma).style.display = "block";
}
var idioma = "en";
function ponerIdioma(cual)	{
	document.getElementById(idioma).style.display = "none";
	idioma = cual;
	document.getElementById(idioma).style.display = "block";
}
</script>

Y los idiomas en HTML

Código:

<a href="#" onclick="ponerIdioma('es')" >
Español
</a>
<a href="#" onclick="ponerIdioma('en')" >
Inglés
</a>
<a href="#" onclick="ponerIdioma('fr')" >
Francés
</a>

<div id="es" >
Probando
</div>

<div id="en" >
Testing
</div>

<div id="fr" >
test
</div>

Me podrian decir como lo hago

Gracias.

[zerokilled]

no tiene sentido definir tres veces la funcion, con una sola vez basta. lo mismo sucede con la variable idioma, solo definelo una sola vez con el valor del idioma por defecto, o sea español. el resto de lo que necesitas es CSS para ocultar los demas idiomas. asi cuando se carga el documento solo te mostrará un solo idioma.

[virkings]

mmm se un poco mas explicito con el CSS, ya que no te entendi esa parte.

Me puedes dar un ejemplo...

[zerokilled]

declaras un documento o estilo CSS. dentro de este escribes las reglas css para ocultar los DIVs "en" y "fr". si tienes duda de lo que es CSS y como se escribe un documento CSS, significa tienes que leer un manual. un enlace que se publica mucho librosweb.es, pero en la web hay muchos mas.

[virkings]

No me funciona...

Elimino los DIVs con CSS pero no sucede nada...

Como debo estructurarlo?

[zerokilled]

siempre que hagas un cambio, muestra como tienes el codigo. asi no estamos dando vuelta y evitamos hacer el tema demasiado largo.

[virkings]

mmm ok, gracias por la info...

Estoy usando este codigo.

Código:

<style type="text/css">
div.en.fr {display: none;}
</style>

Y esta puesto justo abajo del JS...

Como lo arreglo?

[zerokilled]

el selector css es incorrecto, aparte de que estas usando selectores por clase en lugar de por ID. cambia el selector al siguiente div#en, div#fr.

[virkings]

Gracias!

Cabe a resaltar que la coma (,) la lleva el codigo CSS.

[zerokilled]

es correcto, es para indicar (o agrupar) multiples selectores.

[caricatos]

Hola:

Evidentemente estás usando el código de este artículo: Páginas multilenguaje con javascript, en el mismo se explica como se usa, y algunas de sus variantes (creo que las más importantes)... y no dejes de estudiar el ejemplo, que también puse en este otro artículo/tutor: El abc de los formularios...

Saludos