Gracias por las correciones,no e caido en lo de los simbolos == y = de hecho es que pensaba que estaba bien asi. Aun asi de ninguna de las dos formas lo consigo obtener. Los div los e metido fuera y dentro del php,e probado con display y con visibility y nada.
Os dejo un codigo que exo limpio para averiguar antes donde fallo:
Código:
<html>
<head><title>Prueba capa</title>
<link href="estilo.css" rel="stylesheet" type="text/css" />
<script>
function activacapa(){
if (document.getElementById(capa1).style.visibility=='hidden'){
document.getElementById(capa1).style.visibility='visible';}
else document.getElementById(capa2).style.visibility='hidden';
}
function activacapa2(){
if (document.getElementById(capa1).style.display=='none';){
document.getElementById(capa1).style.display='block';}
else document.getElementById(capa2).style.display='none';
}
function activacapa3(){
if (document.getElementById(capa1).style.visibility=='hidden'){
document.getElementById(capa1).style.visibility='visible';}
}
function activacapa4(){
if (document.getElementById(capa1).style.display=='none';){
document.getElementById(capa1).style.display='block';}
}
</script>
</head>
<body>
<div border="2" id="capa1" name="capa1" class="capa1">Capa1</div>
<div border="0" id="capa2" name="capa2" class="capa2">Capa2</div>
<input type="button" onclick="activacapa()" name="boton" value="boton">
<input type="button" onclick="activacapa2()" name="boton2" value="boton2">
<input type="button" onclick="activacapa3()" name="boton3" value="boton3">
<input type="button" onclick="activacapa4()" name="boton4" value="boton4">
</body>
</html>
y el del estilo.css
Código:
body {
background-color:#00B2FF;
text-align: center;
}
.capa1{
text-align:left;
position:absolute;
width:250px;
height:100px;
left:430px;
top:80px;
background-color:white;
BORDER: black 5px solid ;
}
.capa2{
text-align:left;
position:absolute;
width:250px;
height:100px;
left:435px;
top:85px;
background-color:#00B2FF;
}
.capa3{
text-align:center;
position:absolute;
width:150px;
height:40px;
left:485px;
top:10px;
background-color:white;
BORDER: black 2px solid ;
}
el estilo lo e probado metiendo tambien visibility:hidden; y nada