[Ayuda] Como modifico este codigo para hacerlo FAQ

Status
Not open for further replies.
TonnyORG

TonnyORG

I Code Things
Community Support
Messages
5,907
Reaction score
16
Points
38
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: 
<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
 
TonnyORG

TonnyORG

I Code Things
Community Support
Messages
5,907
Reaction score
16
Points
38
pues si la esconde, pero ya no la abre XD


salu2
 
D

deadimp

New Member
Messages
249
Reaction score
0
Points
0
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.
 
Last edited:
eZakto

eZakto

Member
Messages
782
Reaction score
1
Points
18
Si aún no es muy tarde:
HTML: 
<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>
 
TonnyORG

TonnyORG

I Code Things
Community Support
Messages
5,907
Reaction score
16
Points
38
como siempre eh disho la ayuda nunka llega tarde ^^
mmm puse el script asi:
HTML: 
<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 ^^:
deadimp said:
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.
Click to expand...

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
 
Status
Not open for further replies.
Top