[HTML] Optimisations des tables

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [HTML] Optimisations des tables

IvanleFou

Bonjour,

J'aurais besoin d'aide pour optimiser un script qui affiche dans un tableau le contenu d'une base de donnee. Le tableau fait plus de 1000 lignes donc le fichier produit est assez monstrueux. D'une premiere version pas du tout optimiser qui faisait 1Mo je suis arrive a un fichier de 220ko mais la je sais plus koi faire pour gagner de la place:

Voici la structure de mon code:

Citation :

<html>
<head>
<title>Essai</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<STYLE TYPE="text/css">
td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
text-align: center;
}
</STYLE>
</head>

<body>
<table width="800" border="0" ALIGN="center">
<tr bgcolor="<?echo $color?>">
<td width="30"><?echo $aa01?></td>
<td width="170"><?echo $aa02?></td>
<td width="75"><?echo $aa03?> ha</td>
<td><?echo $aa04?></td>
<td width="30"><?echo $aa05?></td>
<td width="100"><?echo $aa06?></td>
<td width="150"><?echo $aa07?></td>
<td></td>
</tr>
</table>

Dans le code ce-dessus je n'ai pas mis l'algo de traitement PHP. C'est juste pour vous donner une idee de la structure du tableau.

Je voudrais savoir si vous avez des solutions pour diminuer la taille. Par la suite si il est toujours trop gros je fragmenterai en plusieurs pages mais pour le moment je voudrais le garder tel qu'il est. je pense que la seule chose que l'on peut optimiser c'est de supprime le 'width="xx"' de chaque case car ca en fait des octets ca pour 1000 lignes. C'est possible de le definir dans le CSS comme pour le FONT des textes?

A vous maintenant... :hello:

Merci

Publicité

kadreg

profil: Utilisateur

installe mod_gzip sur ton serveur [:hello]

---------------
brisez les rêves des gens, il en restera toujours quelque chose... -- laissez moi troller sur discu !

MagicBuzz

tu déclare tes width sur la première ligne, tu n'en as plus besoin pour les lignes suivantes.

Hermes le Messager

Breton Quiétiste

MagicBuzz a écrit :

tu déclare tes width sur la première ligne, tu n'en as plus besoin pour les lignes suivantes.

De toutes manières, il faudrait voir ce que contiennent les cellules, parce que si c'est rempli de <font... :whistle:

MagicBuzz

sinon, tu utilises la méthode du forum :

<script language="JavaScript" type="text/javascript">
function dR(color, a1, a2, a3, a4, a5, a6, a7)
{
document.write("<tr bgcolor=\"" + color + "\"><td width=\"30\">" + a1 + "</td><td width=\"170\">" + a2 + "</td><td width=\"75\">" + a3 + "</td><td>" + a4 + "</td><td width=\"30\">" + a5 + "</td><td width=\"100\">" + a6 + "</td><td width=\"150\">" + a7 + "</td>";
}
</script>

Et dans le HTML :

<table width="800" border="0" align="center">
<script language="JavaScript" type="text/css">
<?
for ...
{
echo("dr('$color', '$aa01', '$aa02', '$aa03', '$aa04', '$aa05', '$aa06', '$aa07');" );
}
?>
</script>
</table>

IvanleFou

Hermes le Messager a écrit :

De toutes manières, il faudrait voir ce que contiennent les cellules, parce que si c'est rempli de <font... :whistle:

ben non les fonts sont definit dans le CSS. Enfin ya 1 font pour 1 case car la couleur du texte doit changer. Au pire je pourrais mettre en gras plutot que de changer la couleur

Voici le code du tableau produit par le script:

Citation :

<tr bgcolor="#FFEEFF">
<td width="30">28</td>
<td width="170"><font color="#FF0000">Pays multicolore</font></td>
<td width="75">204 105 ha</td>
<td>L'Ordre des Licornes d'Argent</td>
<td width="30">90</td>
<td width="100"></td>
<td width="150"></td>
<td></td>
</tr>

Message édité par IvanleFou le 13-10-2003 à 19:32:03

MagicBuzz

Hermes le Messager a écrit :

De toutes manières, il faudrait voir ce que contiennent les cellules, parce que si c'est rempli de <font... :whistle:

Ouais aussi J'aime particulièrement les

<p><font size="2" face="Arial" color="black"><div>tralala</div></font></p>

[:powa]

IvanleFou

MagicBuzz a écrit :

Ouais aussi J'aime particulièrement les

<p><font size="2" face="Arial" color="black"><div>tralala</div></font></p>

[:powa]

Nan ca c'etait dans la toute 1ere version! Quand meme avant de venir poster ici je me suis crese le cerveau pour trouver des solutions!

MagicBuzz

Ma solution avec le JavaScript est je pense clairement la meilleure. Par contre, faut que le JS soit activé sur le navigateur client.

IvanleFou

MagicBuzz a écrit :

Ma solution avec le JavaScript est je pense clairement la meilleure. Par contre, faut que le JS soit activé sur le navigateur client.

Je vais l'essayer. Pis je ferai un lien vers la version "standard" au cas ou le gars ne voit pas le tableau :jap:

Merci pour vos reponses

Publicité

mrbebert

C'est pas bien les colgroup :??:

<tr bgcolor="#FFEEFF">
<colgroup width="30">
<colgroup width="170" style="text-color: #FF0000">
<colgroup width="75">
<colgroup width="30">
<colgroup width="100">
<colgroup width="150">
<colgroup>
<tr>
<td>28</td>
<td>Pays multicolore</td>
<td>204 105 ha</td>
<td>L'Ordre des Licornes d'Argent</td>
<td>90</td>
<td></td>
<td></td>
</tr>

(pour le CSS, je sais plus la syntaxe )

Message édité par mrbebert le 13-10-2003 à 19:46:38

FORUM HardWare.fr

Programmation

HTML/CSS

[HTML] Optimisations des tables

Sujets relatifs
code html pour reactualiser une page ?	[HTML/JS] Afficher le nombre d'utilisateur connecté sur le site
[HTML] Table et Background image qui s'affiche pas	[HTML] Problème d'intégration FLASH
menu dans page html	[HTML] Impression d'une partie de la page
[APPLET] Intégrer un éditeur HTML opensource Java	[HTML] Ouvrir un lien dans une nouvelle fenêtre
[HTML/Php] Formulaires en plusieurs parties?	[HTML/CSS/JS] Impression : mais ou sont les couleurs du tableau?
Plus de sujets relatifs à : [HTML] Optimisations des tables

Page générée en 0.062 secondes