mostrando registros en filas y columnas.

[lexus]

hola
alguien sabe cual es la mejor forma para mostrar registros por ejemplo en 4 columnas por n filas? es que tengo un codigo que me pasaron aqui hace tiempo pero cuando son muychos registros se pega y no muestra los resultados hasta no terminar de cargarlos todos..
incluso paginandolos se vuelve lento.

he visto varias formas de mostrar registros en columnas y filas usando divs en lugar de tablas..

alguien tiene formas de hacerlo distinta a esta ?

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<%
counter=0
Do While Not Rs.EOF
%>
<td><%=Rs("NombreCampo")%></td>
<%
counter=counter+1
If counter Mod 3=0 Then Response.Write "</tr><tr>"
Rs.MoveNext
Loop
%>
</tr>
</table>

[u_goldman]

Bueno, pues esa es la forma convencional de mostrarlos, ahora lo interesante es saber a partir de cuantos registros se queda colgado? quizás te convendría utilizar otro método para hacer el barrido de los datos, a lo mejor utilizar un arreglo obtenido mediante el método getRows en lugar del recordset.

[lexus]

pues he usado este metodo para registros pequeños y queda bien pero a veces es necesario mostrar mas de 50 registros los cuales algunos son imagenes y se me demora mucho en cargar uso mysql + asp y con una paginacion
pero cuando intento mostrar mas de 50 se demora demasiado en mostrarlos ya qeu tiene que armar toda la tabla..
nose si seria bueno como hacer una tabla por cada fila creada o algo asi para acelerar la carga de datos.. asi cargaria n tablas en lugar de solo 1 con n filas. pero no se como hacerlo.

[Myakire]

La maquetación (usas div en lugar de tablas) no creo sinceramente que te sirva para mejorar mucho el rendimiento, ya que mencionas que se tarda y luego lo presenta "de golpe" es decir, hasta que el servidor termina de procesarlos.

Supongo que no presentar muchos registros serviría, no dudo que usas CSS en lugar de tablas haría que el cliente lo presentara más rápido, pero para que vaya presentando conforme los procese ¿por que no usas un response.flush?

deja te busco un código para maquetar con capas en lugar de tablas

[lexus]

ok gracias,
he usado el response.flush pero no me sirve de nada incluso lo hace muchisimo mas lento.. proqeu igual el no puede mostrar una parte de la tabla y luego el resto el debe terminar de cargar todo el contenido de la tabla osea armar todas sus filas y columnas y luego si mostrarlas..
por eso cuando yo muyestro muchos registros en forma lineal osea una sola columna lo hago con una tabla para cada registro esto acelera conciderablemente la carga ya que alli si se puede usar el response.flush. por eso digo que seria bueno en caso que necesite 5 columnas por n filas hace una tabla para la fila uno, una tabla para la dos, etc.. osea hacer n tablas por cada fila y esta tabla con n cantidad de columnas en este caso 5.
sera posible?
gracias.

[u_goldman]

Aquí mas que un problema de cómo tu navegador interpreta el HTML, es un problema de procesamiento, estás seguro que efectivamente estás paginando?

Yo primero trataría de optimizar el rendimiento de este bucle, trata rápidamente esto:

Código:

if not rs.EOF then
   ds = rs.GetRows()
   rs.Close()
   Set rs = Nothing
   %><table><%
   for i = 0 to uBound(ds, 2)
     %><tr><%
        %><td><%=ds(0,i)%></td><%
     %><tr><%
   next
   %></table><%
end if

Obviamente esperamos que la paginacion sea correcta, trata ademas de no usar bloques anidados de HTML con codigo de servidor (como mi ejemplo ja ja), haz un response.write del HTML en lugar de eso.


Saludos

[lexus]

creo qeuel getrows no funciona con mysql.
si uso una correcta paginacion. pero a veces me toca mostrar mas de 10 o 20 registros que incluyen una foto y un registro de la bd asi que se me demora bastante. cuando son por ejemplo 5 columnas por 20 filas o algo asi.

[u_goldman]

GetRows deberia funcionarte -es una propiedad de ADO, no de la base de datos pero si dices que el problema es al mostrar las imagenes entonces dudo que haya algo que puedas hacer para optimizar esto, que no sea reducir el peso de estas. Las imagenes estan en algun folder o las almacenas en tu base de datos?
Si quitas las imagenes, como se comporta la aplicacion?

[lexus]

las imagenes no cambian mucho el desepmeño la verdad lo qeu se demora es en armar la estructura de la tabla, ya que las imagenes las carga de una carpeta, ya que no me gusta almacenar imagenes en bd.

el problema surge cuando muestro muchos registros por pagina... yo uso la paginacion pero en ciertos puntos el cliente me exige mostrar muchos registros suponiendo una tabla de 10 columnas por 20 filas. aguien sabe como podria hacer para modificar este codigo para que me genere varias tablas en lugar de una sola?

[Myakire]

Bueno, 10 columnas X 20 filas de imagenes de 1K (suponiendo que eso pesan), son 200K más lo que sea de la página, pues ya es algo lo que el cliente recibe, creo que las imágenes si son factor en el desempeño.

Pero igual, solo para que lo compruebes, te pongo un código para maquetar 10 columnas por N filas mediente CSS

Código:

<html>
<head>
<title></title>
<style type="text/css">
body{background: #FFF;color: #333;text-align:center;font: 16px Verdana,Arial}
ul#about,ul#about li{list-style-type:none;margin:0;padding:0}
ul#about{width: 600px;margin:70px auto 0;text-align:left}
ul#about li{float:left;width: 25px; height:25px;
    padding: 10px 5px 5px 5px;margin:8px 8px 0 0}
li#ab1{background: #FC0}
li#ab2{background: #9F3}
li#ab3{background: #F60}
li#ab4{background: #39F}
</style>
</head>
<body>
<ul id="about">
    <li id="ab1">Celda 1.1</li>
    <li id="ab1">Celda 1.2</li>
    <li id="ab1">Celda 1.3</li>
    <li id="ab1">Celda 1.4</li>
    <li id="ab1">Celda 1.5</li>
    <li id="ab1">Celda 1.6</li>
    <li id="ab1">Celda 1.7</li>
    <li id="ab1">Celda 1.8</li>
    <li id="ab1">Celda 1.9</li>
    <li id="ab1">Celda 1.10</li>
    <li id="ab2">Celda 2.1</li>
    <li id="ab2">Celda 2.2</li>
    <li id="ab2">Celda 2.3</li>
    <li id="ab2">Celda 2.4</li>
    <li id="ab2">Celda 2.5</li>
    <li id="ab2">Celda 2.6</li>
    <li id="ab2">Celda 2.7</li>
    <li id="ab2">Celda 2.8</li>
    <li id="ab2">Celda 2.9</li>
    <li id="ab2">Celda 2.10</li>
    <li id="ab3">Celda 3.1</li>
    <li id="ab3">Celda 3.2</li>
    <li id="ab3">Celda 3.3</li>
    <li id="ab3">Celda 3.4</li>
    <li id="ab3">Celda 3.5</li>
    <li id="ab3">Celda 3.6</li>
    <li id="ab3">Celda 3.7</li>
    <li id="ab3">Celda 3.8</li>
    <li id="ab3">Celda 3.9</li>
    <li id="ab3">Celda 3.10</li>
    <li id="ab4">Celda 4.1</li>
    <li id="ab4">Celda 4.2</li>
    <li id="ab4">Celda 4.3</li>
    <li id="ab4">Celda 4.4</li>
    <li id="ab4">Celda 4.5</li>
    <li id="ab4">Celda 4.6</li>
    <li id="ab4">Celda 4.7</li>
    <li id="ab4">Celda 4.8</li>
    <li id="ab4">Celda 4.9</li>
    <li id="ab4">Celda 4.10</li>
etcetera, etcetera, etcetera
</ul>
</body>
</html>

[sqa212]

prueba a implementar un preload con javascript para las imagenes

<HEAD>
<script language="javascript">
<!--
var myimages=new Array()
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}
preloadimages("imagenes/inicio.gif","imagenes/contacto.gif");
//-->
</script>
</head>
<BODY onload="preloadimages()">


puedes pasar como argumentos en preloadimages como constantes las imagenes que aparezcan en todas las paginas y a traves de asp las imagenes que devuelva tu consulta.