Foros del Web » Creando para Internet » HTML »

¿Como hacer una tabla como estas?

Estas en el tema de ¿Como hacer una tabla como estas? en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 24/04/2011, 16:12
 
Fecha de Ingreso: octubre-2010
Mensajes: 7
Antigüedad: 7 años, 1 mes
Puntos: 0
¿Como hacer una tabla como estas?

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.
  #2 (permalink)  
Antiguo 24/04/2011, 18:09
Avatar de gildus  
Fecha de Ingreso: agosto-2003
Mensajes: 1.495
Antigüedad: 14 años, 4 meses
Puntos: 105
Respuesta: ¿Como hacer una tabla como estas?

Holas,

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

Código Javascript:
Ver original
  1. function NewToggleLayer(element) {
  2.     var e = $('#' + element);
  3.     if (e.css('display') == 'none') {
  4.         e.show().find('div').slideDown('slow')
  5.     } else {
  6.          e.find('div').slideUp('slow', function() { $(this).parent().parent().hide(); })
  7.     }
  8. }

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
__________________
.: Gildus :.
  #3 (permalink)  
Antiguo 24/04/2011, 20:20
 
Fecha de Ingreso: octubre-2010
Mensajes: 7
Antigüedad: 7 años, 1 mes
Puntos: 0
Respuesta: ¿Como hacer una tabla como estas?

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?
  #4 (permalink)  
Antiguo 29/04/2011, 16:12
Avatar de armandoweb  
Fecha de Ingreso: enero-2003
Ubicación: San Cristobal, Santa Fe, Argentina
Mensajes: 544
Antigüedad: 14 años, 10 meses
Puntos: 7
Respuesta: ¿Como hacer una tabla como estas?

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.
__________________
www.awdesarrollos.com.ar - [twitter: @armandoweb] - [Skype: awdesarrollos"]

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:48.