Mostrar y ocultar capas

baklao · #1 (**permalink**) 24/03/2008, 17:00

Buenas amigos del foro mi pregunta es la siguiente tengo una pagina donde tengo un formulario donde tengo dos botones de opciones

Opcion A muestra capa2 y oculta capa1

Opcion B muestra Capa1 y Oculta Capa2

aqui les dejo el codigo mas no le encuentro la solucion

Código HTML:

<head>
<script LANGUAGE="JavaScript">
var capa
function cambio(idCapa){
 if (document.layers) capa = eval("document." + idCapa);
 if (document.all) capa = eval(idCapa + ".style");
 if (document.getElementById) capa = eval('document.getElementById("' + idCapa + '").style');

    if ((capa.visibility == "hidden") || (capa.visibility == "hide") && (document.getElementById('R1').value=='1')){
            capa.visibility = (document.layers) ? "show" : "visible" ;
	 	     }
  		      else{
                   capa.visibility = (document.layers) ? "hide" : "hidden" ;
                  }
    if ((capa.visibility == "hidden") || (capa.visibility == "hide") && (document.getElementById('R1').value=='2')){
          capa.visibility = (document.layers) ? "show" : "visible" ;
		  }
		  else{
                 capa.visibility = (document.layers) ? "hide" : "hidden" ;
                }	   
           }
/*		   else{
                 capa.visibility = (document.layers) ? "hide" : "hidden" ;
                }*/


}
//-->
</script>
</head>

		<td class='form_text'>Subir sus archivos para la web</td>
		<td class='form_text2'><input name="R1" type="radio" value="1" onclick="cambio('capa2')" checked></td>
	</tr>
	<tr>
		<td class='form_text'>Hacer Referencia a sus archivos en Web amigas</td>
		<td class='form_text2'><input name="R1" type="radio" value="2" onclick="cambio('capa1')"></td>
	</tr> </form></div>
	<tr>
		<td> </td>

<div class='main3'>

<div id='capa1' style='visibility:hidden;'>
    aqui esta todo el codigo de la capa1
</div>

<div id='capa2' style='position:absolute; left: 287px; top: 214px; width: 599px;'>que todos los usuarios registrados de esta web puedan descargarlo o tenerlo de uso personal.

</div>

</div>

Saludos espero que me entiendan a lo que quiero

gracias de antemano

JavierB · #2 (**permalink**) 25/03/2008, 03:45

Hola baklao

Prueba esto:

Código PHP:

  <html>
<head>
<script type="text/javascript">
function mostrar(num) {
  document.getElementById('capa1').style.visibility = (num==1) ? 'visible' : 'hidden';
  document.getElementById('capa2').style.visibility = (num==2) ? 'visible' : 'hidden';
}
</script>
</head>
<body>
Capa 1: <input type="radio" name="rad" onclick="mostrar(1)" />
Capa 2: <input type="radio" name="rad" checked="checked" onclick="mostrar(2)" />
<div class='main3'>
<div id='capa1' style='visibility:hidden;'>
    aqui esta todo el codigo de la capa1
</div>
<div id='capa2' style='position:absolute; left: 287px; top: 214px; width: 599px;'>que todos los usuarios registrados de esta web puedan descargarlo o tenerlo de uso personal.
</div>
</div>
</body>
</html>

Saludos,

baklao · #3 (**permalink**) 25/03/2008, 11:35

Gracias JavierB me estaba ahogando en un vaso de agua.