¿Como hacer una tabla como estas?

[pelleart]

Hola, tengo un foro en foroactivo y queria incluir en mi foro una tabla como estas. Direis, ¿Que tiene esa tabla de misterio? Lo que tiene es que si os fijais pinchais en cualquiera de las lineas, y se os abre in recuadro con informacion sobre la linea en la que habeis pinchado. Mi pregunta es si alguien sabe el codigo para hacer una tabla asi. Nose que tipo de codigo necesitara pero preferiblemente HTML.

Fijaros, pinchad aqui en cualquier linea.
http://bans.sevenelevenclan.org/ban_list.php?site=48

Muchas gracias.

[gildus]

Holas,

Esta hecho con JQuery, y solo usa por ejemplo este script:

Código Javascript:

function NewToggleLayer(element) {
    var e = $('#' + element);
    if (e.css('display') == 'none') {
        e.show().find('div').slideDown('slow')
    } else {
         e.find('div').slideUp('slow', function() { $(this).parent().parent().hide(); })
    }
}
 

Para ocultar o aparecer la tabla al hacer click sobre una celda. Si deseas hacer uno como eso, te recomiendo revisar mas JQuery.


Saludos
Gildus

[pelleart]

Jajaja, no me entero de nada xD. Aver, yo de esto no tengo ni idea, solo se HTML jaja, que es lo que exactamente tengo que hacer con ese codigo?

[armandoweb]

Hola:

Ese codigo es la funcion que realiza el "efecto" de mostrar/ocultar un #div determinado donde tienes el texto o contenido que en el primer estado se encuentra oculto. Ese codigo va insertado antes de cerra la etiqueta </head>

Lo que menciona gildus es correcto, esta realizado con JQuery y si deseas implementarlo junto al html deberías tener algo de conocimiento para poder hacerlo.

En si la implementacion tal cual está el código no es complicado, si se requiere mas conocimientos si deseas modificarlo a tu gusto.

Espero haberte ayudado.

Saludos.