ocultar y ver banderas

pitufina_bea · #1 (**permalink**) 29/10/2008, 06:58

hola, tengo dos banderas, una española y otra inglesa, lo que yo quiero es que cuando se carge la pagina solo aparezca la bandera inglesa y que cuando pinche en la bandera inglesa me aparezca la española.
He echo un apaño pero no esta bien.
lo estoy intentando pero no me sale, os pongo lo que tengo.

<div id="capa_titulo3" onclick='Cambia_idioma("es");' >
<a href="#" ><img src="band_ing.jpg" ></a>
</div>
<div id="capa_titulo4" onclick='Cambia_idioma("en");' >
<a href="#" ><img src="band.jpg" ></a>
</div>

y en el javascript tengo:

function Cambia_idioma(value)
{
if( value=="en" ) {
document.getElementById("capa_titulo4").style.visi bility = 'hidden';
document.getElementById("capa_titulo3").style.visi bility = 'visible';
}else
{
document.getElementById("capa_titulo4").style.visi bility = 'visible';
document.getElementById("capa_titulo3").style.visi bility = 'hidden';
}
}

gracias

the_web_saint · #2 (**permalink**) 29/10/2008, 08:39

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script>
function cambia(opaca, visualiza)
{
    document.getElementById(opaca).style.visibility = 'hidden';
    document.getElementById(visualiza).style.visibility = 'visible';
} 
</script>
</head>

<body>
<div id="capa_titulo3" style="visibility:hidden;" >
<a href="#" onclick="cambia('capa_titulo3', 'capa_titulo4')"><img src="band_ing.jpg" ></a>
</div>
<div id="capa_titulo4" >
<a href="#" onclick="cambia('capa_titulo4', 'capa_titulo3')"><img src="band.jpg" ></a>
</div>

</body>
</html>

Saludos

pitufina_bea · #3 (**permalink**) 30/10/2008, 02:42

ooooooowwwwww!!!! que bien. gracias.

:si :