Ocutal los demas div al hacer click

franjgg · #1 (**permalink**) 04/01/2013, 06:00

Hola amigos como estais,

Vereis tengo esta funcion en javascrit que lo que hace es mostrar y ocultar un serie de div bien, el problema es solo quiero que un div este visible y que cuando se pulse sobre uno los demas se escondan con lo que solo va estar visible el que su pulse.

Código Javascript:

Ver originalfunction toggleDivOL( elemID )
{
    var elem = document.getElementById( elemID );
    if( elem.style.position != 'absolute' )
    {
        elem.style.position = 'absolute';
        elem.style.left = '-4000px';
    }
    else
    {
        elem.style.position = 'relative';
        elem.style.left = '0px';
    }
}

estos son los div que se muestran y ocultan:

Código PHP:

  echo '<div id="'.$array['Nimagen'].'" class="testDiv">';
echo '</div>'

y este es el link que hace la llamada

Código HTML:

<a  href="javascript:toggleDivOL('<?php echo $array['Nimagen'] ?>');" /></a>

Tambien he encontrado este codigo pero no se si podria hacer dinamico:

Código HTML:

Ver original<script language="javascript" type="text/javascript">
function mostrar(div)
    {
        document.getElementById('div1').style.display = 'none'; /* y repetis esto por cada div, o lo haces automatico */
        document.getElementById('div2').style.display = 'none';
        document.getElementById('div3').style.display = 'none';
        document.getElementById(div).style.display = 'block'; /* mostras el que queres mostrar */
    }
</script>
 
<style type="text/css">
    * div { display: none; height: 100px; width: 100px; }
</style>
</head>
 
<body>
 
<a href="#"  onClick="mostrar('div1')">1</a>
<a href="#"  onClick="mostrar('div2')">2</a>
<a href="#"  onClick="mostrar('div3')">3</a>
 
 
 
    <div id="div1" style="background-color:red;"></div>
    <div id="div2" style="background-color:green;"></div>
    <div id="div3" style="background-color:blue;"></div>
</body>

A ver si alguien sabe como se podria modificar para que funcionase de este modo

Un saludo amigos

IsaBelM · #2 (**permalink**) 04/01/2013, 08:43

se trata de posicionarlos y manipular su zIndex

Cita:

emprear · #3 (**permalink**) 04/01/2013, 08:43

Esto se ha explicado ya demasiado en FDW, te aconsejo que hagas una búsqueda más exhaustiva antes de postear

http://www.forosdelweb.com/f13/como-...9/#post4184080

SAludos