Esconder parte de la tabla?

nuevo · #1 (**permalink**) 27/08/2005, 21:44

hola amigos, estoy ,mostrando los resultados de los visitantes de la pagina, en una tabla, mi problema esq son demasiados y algunos de ellos ocupan mucho...

http://rainhosting.net/jfot.com/inde...ips&pag=1&of=?

habia pensado en algun script en js compatible con IE & Mozilla minimo, dicho script tratara de ocultar los datos mas extensos, y mostrara una imagen pequeña, tipo Abertura, para pulsar y mostrar los resultados ocultos...

tengo varios, pero solo me esconden hacia abajo, no son capaces de ocultar TD´s, de derecha a izquierda...

nada me gustaria algun consejo para este problema, ya q me interesaria mostrar todos los resultados...

alguna idea... o algun script ?

gracias.

GoRaK · #2 (**permalink**) 28/08/2005, 06:15

Hola!!

Normalmente esos datos que quieres mostrar no se suelen poner para que todo el mundo los vea, no gustan, kreo yo.

De todas formas en vez de mostrar todos los datos, muestra el id y alguna cosa mas y crea un "td" que sea Mas info. El enlace puede ser una nueva consulta a la base de datos, para mostrar los datos que te faltan.

Salu2!

GoRaK · #3 (**permalink**) 28/08/2005, 06:17

Por cierto.

Para no comerte la cabeza para rellenar con texto una página web que estas haciendo usa el famoso "lorem ipsum" :D

Lorem Impsum

Salu2!

nuevo · #4 (**permalink**) 28/08/2005, 10:37

hombre, los datos se supone que estaran bajo seguridad del panel administrativo... no se mostraran nada mas q al administrador o moderadores

y si, al final me va tocar porner imagenes, donde pulsando muestre mas opciones...

la idea de esconder los TD es buena... pero no logro hacerla funcionar Horizontalmente... solo me va bien si la hago Vertical... osea hacia abajo

gracias

Intrepido · #5 (**permalink**) 28/08/2005, 11:44

Hola nuevo,

uso 1280x1024 asi que creo que el problema que comentas no me ocurre, pero si es lo que pienso puede que esto te ayude

Suerte!

Caminante · #6 (**permalink**) 28/08/2005, 15:38

Muevo el tema a JS.

JavierB · #7 (**permalink**) 29/08/2005, 00:54

Hola nuevo

Tenía por ahí este código que creo que te puede servir. Echale un vistazo y dinos como te va:

Código PHP:

  <html> 
<head> 
<title>Mostrar/ocultar filas y columnas</title> 
<style type="text/css"> 
table {border-collapse:collapse;border:1px solid maroon;margin-left:80px} 
td {border:1px solid maroon;width:30px;text-align:center} 
input {background:silver; border:1px solid maroon;width:100px;margin:5px} 
</style> 
<script type="text/javascript"> 
<!-- 
function ocultarFila(num,ver) { 
  dis= ver ? '' : 'none'; 
  tab=document.getElementById('tabla'); 
  tab.getElementsByTagName('tr')[num].style.display=dis; 
} 
function ocultarColumna(num,ver) { 
  dis= ver ? '' : 'none'; 
  fila=document.getElementById('tabla').getElementsByTagName('tr'); 
  for(i=0;i<fila.length;i++) 
    fila[i].getElementsByTagName('td')[num].style.display=dis; 
} 
--> 
</script> 
</head> 
<body> 
<table id="tabla" border="1"> 
<tr> 
<td>1.1</td><td>1.2</td><td>1.3</td> 
</tr> 
<tr> 
<td>2.1</td><td>2.2</td><td>2.3</td> 
</tr> 
<tr> 
<td>3.1</td><td>3.2</td><td>3.3</td> 
</tr> 
</table> 
<input type="button" value="Quitar fila" onclick="ocultarFila(1,false)" /> 
<input type="button" value="Poner fila" onclick="ocultarFila(1,true)" /> 
<br /> 
<input type="button" value="Quitar columna" onclick="ocultarColumna(1,false)" /> 
<input type="button" value="Poner columna" onclick="ocultarColumna(1,true)" /> 
</body> 
</html>

Saludos,

nuevo · #8 (**permalink**) 29/08/2005, 11:14

umm, algo raro pasa pq no me va.... no se si esq se copio mal... o...

y el caso esq, parece muy interesante...

edwinandlozano · #9 (**permalink**) 29/08/2005, 11:33

A mi me funciono de perlas, solo que el codigo tiene unos espacios en blanco en donde no deveria de ir... esta muy bueno el ejemplo...

muchas gracias JavierB

nuevo · #10 (**permalink**) 29/08/2005, 11:39

sorry, va de lujo... si es verdad... los espacios en blanco...

Geofonte · #11 (**permalink**) 29/08/2005, 12:56

¿Qué espacios son los que sobran?

JavierB · #12 (**permalink**) 30/08/2005, 00:51

Hola Geofonte

En la línea:

fila=document.getElementById('tabla').getElementsB yTagName('tr');

no debería haber ningún espacio.

Saludos,

Geofonte · #13 (**permalink**) 30/08/2005, 10:20

Gracias JavierB.

Precisamente en otro post había preguntado qué era getElementById y caricatos me ha contestado y también se ha referido a getElementsByTagName, por lo que ahora me doy cuenta de que el método estaba cortado.

Un saludo