Foros del web, para los que viven de bits

invlol · 04-jun-2007, 18:56

Buenas.

Quiero saber como hacer esto:

ogst.ifp.fr/index.php?option=issues&view=all&Itemid=39&lang=en

que al presionar un año por ejemplo se muestren los trabajos que hay en ese años pero en la parte de abajo como si fuera un indice casi al mismo estilo de las FAQ de php claro que al presionar el enlace que me lleve al lugar donde esta esos trabajos en la misma pagina se abran los trabajos y poder cerrarlo tambien.

No c si se podra hacer algo asi mas sencillo en html o javascript.
y si no a ver como se hace en php para insertarlo en mi pag html.

espero que me puedan ayudar

axz · 16-jul-2007, 11:28

Lo que hacen es usar divs ocultos que los muestran al hacer click sobre los links.

El link:

Código HTML:

<a href="javascript:void(0);" onclick="muestraContenido();">mostrar Contenido</a>

El DIV oculto:

Código HTML:

<div id="divOculto" style="display: none;">contenido del div pero al principio no se muestra</div>

La funcion javascript:

Código HTML:

function muestraContenido()
{
var divOculto = document.getElementById( 'divOculto' );
divOculto.style.display = 'block';
}

algo así, el resto es un poco de lógica con estas bases, suerte con eso

04-jun-2007, 18:56	#1 (permalink)
invlol Fecha de Ingreso: junio-2007 Mensajes: 2	Como hacer un indice o faq? Buenas. Quiero saber como hacer esto: ogst.ifp.fr/index.php?option=issues&view=all&Itemid=39&lang=en que al presionar un año por ejemplo se muestren los trabajos que hay en ese años pero en la parte de abajo como si fuera un indice casi al mismo estilo de las FAQ de php claro que al presionar el enlace que me lleve al lugar donde esta esos trabajos en la misma pagina se abran los trabajos y poder cerrarlo tambien. No c si se podra hacer algo asi mas sencillo en html o javascript. y si no a ver como se hace en php para insertarlo en mi pag html. espero que me puedan ayudar

16-jul-2007, 11:28	#2 (permalink)
axz Fecha de Ingreso: mayo-2005 Mensajes: 299	Re: Como hacer un indice o faq? Lo que hacen es usar divs ocultos que los muestran al hacer click sobre los links. El link: Código HTML: <a href="javascript:void(0);" onclick="muestraContenido();">mostrar Contenido</a> El DIV oculto: Código HTML: <div id="divOculto" style="display: none;">contenido del div pero al principio no se muestra</div> La funcion javascript: Código HTML: function muestraContenido() { var divOculto = document.getElementById( 'divOculto' ); divOculto.style.display = 'block'; } algo así, el resto es un poco de lógica con estas bases, suerte con eso

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado