abrir una pestaña en la misma página

damian0021 · #1 (**permalink**) 24/03/2007, 08:49

El tema es asi, tengo varios titulos como en la imagen, y cuando voy a ver quiero que se abra una pestaña debajo del titulo con el contenido, como indica en la imagen.

Se puede hacer?

JavierB · #2 (**permalink**) 24/03/2007, 11:28

Hola damian0021

Prueba este ejemplo:

Código PHP:

  <html>
<head>
<style type="text/css">
ul {list-style-type:decimal}
</style>
<script type="text/javascript">
var visto=null;
function ver(obj) {
  if (visto != null)
    visto.parentNode.getElementsByTagName('div')[0].style.display = 'none';
  obj.parentNode.getElementsByTagName('div')[0].style.display = 'block';
  visto=obj;
}
</script>
</head>
<body>
<ul>
<li>Ejemplo 1 <a href="#" onclick="ver(this); return false">Ver</a>
<div style="display:none">Este es el primer ejemplo.</div>
</li>
<li>Ejemplo 2 <a href="#" onclick="ver(this); return false">Ver</a>
<div style="display:none">Este es el segundo ejemplo.</div>
</li>
<li>Ejemplo 2 <a href="#" onclick="ver(this); return false">Ver</a>
<div style="display:none">Este es el tercer ejemplo.</div>
</li>
</ul>
</body>
</html>

Saludos,

damian0021 · #3 (**permalink**) 24/03/2007, 11:32

excelente JavierB!!!

lo estaba buscando en el Faq's de JavaScript, pero no encontre nada...

muchas gracias!!

damian0021 · #4 (**permalink**) 16/04/2007, 08:15

Vengo con otra inquietud:
El código anda bien, pero como tengo varios textos largos. Cuando los abro, me lleva la final del texto, lo que puede confundir a quien navege la página.
Opte por usar los anclas, para ir a una parte espesifica en la misma página. Pero no funciona :S

Acá les dejo como los implemente:

Código PHP:

  <li>Ejemplo 1 <a href="#nombre1" onclick="ver(this); return false">Ver</a> 
<div style="display:none"> 
<a name="nombre1"> 
Texto muy, muy largo. 
</div> 
</li>

Alguna idea?