x10Hosting Forums

GM Punk · #1 (**permalink**) 04-27-2008, 05:00 PM

Bueno pues encontre este codigo JavaScript y creo que contiene todo lo que nesesito para hacer un FAQ, pero... el problema aqui es que aunke no este mostrada la respuesta, guarda el espacio que esta ocupa, y yo nesesito algo como el FAQ de Imageshack que se oculta y pierde el espacio ^^, noce si me explico? XD
Gracias por aportarme al tema ^^

HTML Code:

<body>
<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")){
  capa.visibility = (document.layers) ? "show" : "visible" ;
 }else{
  capa.visibility = (document.layers) ? "hide" : "hidden" ;
 }
}
//-->
</script>
<a href="#" onclick="cambio('capa1')">Muestra/oculta la capa 1</a>
<div id="capa1" style='position:relative;'>
  <p>Esta es la capa 1</p>
</div>
<a href="#" onclick="cambio('capa2')">Muestra/oculta la capa 2</a>
<div id="capa2" style='position:relative;'>
Esta es la capa 2
</div>
</body>

salu2

federico_casares · #2 (**permalink**) 05-02-2008, 02:05 PM

Qué pasaría si en vez de .visibility="hidden" usas .display="none"?

GM Punk · #3 (**permalink**) 05-02-2008, 04:43 PM

pues si la esconde, pero ya no la abre XD

salu2

deadimp · 09:04 PM

Y también en lugar de "visible" se puede usar un string en blanco, "".
Me parace que quieres hacer un toggle así:

Code:

function cambio(id) {
 var capa=document.getElementById(id);
 capa.style.display=(capa.style.display=="" ? "none" : "");
}

Creo que "document.getElementById" y "style.display" son normas de ECMAScript, y deben ser definidos en todos los navegadores.

eZakto · #5 (**permalink**) 05-05-2008, 05:36 PM

Si aún no es muy tarde:

HTML Code:

<script type="text/javascript">
// Powered by eZakto
function showHide(DivID) {
	if(document.getElementById(DivID).style.display != '') {
		document.getElementById(DivID).style.display = '';
	} else {
		document.getElementById(DivID).style.display = 'none';
	}
	return false;
}
</script>

GM Punk · #6 (**permalink**) 05-05-2008, 11:36 PM

como siempre eh disho la ayuda nunka llega tarde ^^
mmm puse el script asi:

HTML Code:

<head><script type="text/javascript">
// Powered by eZakto
function showHide(DivID) {
	if(document.getElementById(DivID).style.display != '') {
		document.getElementById(DivID).style.display = '';
	} else {
		document.getElementById(DivID).style.display = 'none';
	}
	return false;
}
</script>
</head>
<body>
<a href="#" onclick="cambio('capa1')">Muestra/oculta la capa 1</a>
	<div id="capa1" style='position:relative;'>
  		<p>Esta es la capa 1</p>
	</div>
<a href="#" onclick="cambio('capa2')">Muestra/oculta la capa 2</a>
	<div id="capa2" style='position:relative;'>
		<p>Esta es la capa 2</p>
	</div>
</body>

pero no abre ni sierra XD

Este me funco ^^:

Quote:

Originally Posted by deadimp

Y también en lugar de "visible" se puede usar un string en blanco, "".
Me parace que quieres hacer un toggle así:

Code:

function cambio(id) {
 var capa=document.getElementById(id);
 capa.style.display=(capa.style.display=="" ? "none" : "");
}

Creo que "document.getElementById" y "style.display" son normas de ECMAScript, y deben ser definidos en todos los navegadores.

Bueno gracias a todos los que colaboraron este tema, ya podre hacer mi FAQ XD
Les envio un regalito a cada uno de los que le entraron a la ayuda ^^

Gracias... Cierro tema ^^

salu2

x10Hosting Forums

Search

x10Hosting

Navigation