contenidos ocultos javascript

[konoyek]

hola tengo el siguiente codigo

<script type="text/javascript">
function nombre_funcion(elDIV){
var obj = document.getElementById(elDIV);
if (obj.style.display == "none") obj.style.display= "block" ;

else obj.style.display= "none";

}
</script>


<a href="javascript:void(0)" onClick="nombre_funcion('id_DIV1');"><img src="imagenes/panel_r3_c3.jpg" border="0"/></a>

<a href="javascript:void(0)" onClick="nombre_funcion('id_DIV2');"><img src="imagenes/panel_r3_c5.jpg" border="0" /></a>

<div id="id_DIV1" style="display:none;">
<? include ("documento.php"); ?>

</div>

<div id="id_DIV2" style="display:none;">
<? include ("pass.php");
?>

</div>

necesito saber como puedo dejar que al momento de dar click si esta abierto el primero se cierre y abra el otro y no permitir que los dos links queden abiertos
sin necesidad de dar doble click sobre la imagen

[mhax]

Puedes hacer asi:
1) Una funcion que reciba el id
2) en la funcion primero cierra los dos y luego abres el que tiene id.

Saludos

[konoyek]

gracias, pero me podrias explicar como seria la funcion en el codigo

[mhax]

asi:

Código Javascript:

function funcion(id){
  //cierra los dos
   document.getElementById('id1').style.display=cerrar;
   document.getElementById('id2').style.display=cerrar;
//abre uno solo
   document.getElementById(id).style.display=abrir;
 }
 

[konoyek]

no me funciona!!!

[mhax]

lo que quieres es que mientras uno se abra el otro se cierre?

// debes cambiar cerrar y abrir por lo correspondiente

[konoyek]

mira tengo el javascript de la siguiente manera:


<script type="text/javascript">
function nombre_funcion(elDIV){
var obj = document.getElementById(elDIV);


document.getElementById('id_DIV1').style.display=" none";
document.getElementById('id_DIV2').style.display=" none";

document.getElementById(elDIV).style.display="bloc k";


</script>


pero ahora no lo reconoce

[mhax]

quita los espacios que dejaste en donde dice none y block.

[konoyek]

no pasa nada

[barclow]

mi consejo es que depures usando visual studio, la verdad es lo mejorcito para depurar... por lo menos que yo he encontrado...



mira, tengo un ejemplo similar a lo que tu quieres, es un slidingMenu, echale un ojo al código javascript que tengo.
http://www.forosdelweb.com/f13/aporte-sliding-menu-js-css-763962/

ahí está, ve el ejemplo primero (copia y pega la dirección)
luego mira el código html
luego el javascript

el javascript lo que hace es recorrer las filas de la tabla que tiene id="tabla" y pregunta por el id y las va ocultando. Luego muestra aquella que corresponde únicamente.


Saludos.-

[jackson666]

Asi no te anda??

Código HTML:

<script type="text/javascript">
function nombre_funcion(elDIV){

//para que creas esta variable?
var obj = document.getElementById(elDIV);

document.getElementById('id_DIV1').style.display="none";
document.getElementById('id_DIV2').style.display="none";

document.getElementById(elDIV).style.display="block";

//te olvidaste la ultima llave
}
</script> 

[konoyek]

listo con el codigo que me acabas de pasar ahora si funciona

Gracias

[konoyek]

una pregunta ahora si quiero que me aparezca de forma difuminada?? algo como lo maneja google actualmente cuando pasa el mouse encima salen los dmas links en este caso con dar click como puedo hacer esto?

[Javitus]

una pregunta ahora si quiero que me aparezca de forma difuminada?? algo como lo maneja google actualmente cuando pasa el mouse encima salen los dmas links en este caso con dar click como puedo hacer esto?

Para hacer eso debes saber lo que se dijo en este post

http://www.forosdelweb.com/f13/efecto-desvanecimiento-links-764056/