edito
forum (21 055)
making of
preview newsletter
photoshop shortcuts
plan du site
bétisier (24)
nouveautés (67)
mises à jour
bannières (92)
liste de diffusion
infos légales
 


 

Devenez awares ! Et essayez de survivre.




aperçu
 

 

login | logout
gérez votre profil
devenez membre
membres (2139)
anniversaires (796)
awares (349)
mickeys (343)
notables (83)
modérateurs (9)
votre vie privée

 

 

amis (22)
gfx français (58)
gfx autres (383)
pixel art (67)
ascii art (0)
paint/draw (97)
communautés (27)
portails gfx (16)
ressources (36)
flash (253)
3D (38)
java (2)

proposez votre site
dernières entrées
aléatoire (999)
quicklist
top 10










































999 sites
778 945 hits
 
 

à propos des tutos
tous les tutos (48)
rechercher un tuto

tutos aléatoires
572 892 hits

 

 

screen fonts
brushes
softwares
 
 
 

 

stats publiques
infocentres
référents (19023)
refs quicklist (19023)
visiteurs uniques
awards

10 137 770 hits
 





uels que soient la nature et le contenu de votre site, vous pouvez avoir besoin d'afficher des statistiques. Ces statistiques sont parfois plus efficaces en mode graphique, sous la forme de camemberts ou d'histogrammes. Voici une méthode passablement rapide pour créer des graphiques dynamiques.



. barre brute


 
 

Préparez une barre de dimensions approximatives 200x10 pixels.

. barre découpée


 
 

Découpez la barre sous imageready et générez un tableau HTML et les images découpées au format GIF ( voir tuto imageready - découpage ). Votre tableau doit comporter 5 cellules. Veillez dans la 4ème cellule à isoler uniquement la zone de couleur à l'intérieur de la barre, la partie de la barre qui va varier.



 

Votre tableau ressemble normalement à quelquechose comme ça :

<TABLE WIDTH=242 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR><TD ROWSPAN=3>
<IMG SRC=barre_01.gif WIDTH=2 HEIGHT=8></TD><TD>
<IMG SRC=barre_02.gif WIDTH=238 HEIGHT=2></TD><TD ROWSPAN=3>
<IMG SRC=barre_03.gif WIDTH=2 HEIGHT=8></TD></TR><TR><TD>
<IMG SRC=barre_04.gif WIDTH=238 HEIGHT=4></TD></TR><TR><TD>
<IMG SRC=barre_05.gif WIDTH=238 HEIGHT=2></TD></TR></TABLE>


Ce qui donne :




 

Diminuez maintenant la largeur de la 3ème cellule. La barre de couleur se réduit et la table garde son intégrité.

<TABLE WIDTH=242 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR><TD ROWSPAN=3>
<IMG SRC=barre_01.gif WIDTH=2 HEIGHT=8></TD><TD>
<IMG SRC=barre_02.gif WIDTH=238 HEIGHT=2></TD><TD ROWSPAN=3>
<IMG SRC=barre_03.gif WIDTH=2 HEIGHT=8></TD></TR><TR><TD>
<IMG SRC=barre_04.gif WIDTH=138 HEIGHT=4></TD></TR><TR><TD>
<IMG SRC=barre_05.gif WIDTH=238 HEIGHT=2></TD></TR></TABLE>


Ce qui donne :




 

Préparez maintenant en amont du tableau HMTL un rapide script PHP qui calculera la largeur de la partie centrale de la barre. Vous pouvez calculer un pourcentage sur n'importe quelle donnée stockée dans la base. Par exemple ici, le pourcentage de membres ayant un site.

<?
$nb_membres=@mysqli_num_rows(mysql_query("select cle from membres", $link));
print ("membres : $nb_membres<br>");
$nb_sites=@mysqli_num_rows(mysql_query("select cle from membres where url!=''", $link));
print ("sites membres : $nb_sites<br>");
$largeur_max=238;
$largeur=$nb_sites_membres/$nb_membres*$largeur_max;
?>

Placez ce script avant le tableau HTML et remplacez dans ledit tableau la largeur de la 4ème cellule par la largeur calculée précédemment :

<? print ($largeur); ?>

On obtient :

membres : 2139
sites membres : 593


Ce principe est largement utilisé dans les pages de statistiques.

piregwan
4742 visites




 

gom3z, 24 07 2001 à 14:37

Je trouvais simplement dommage de se casser la tete avec un decoupage ( 5 images ) alors qu'avec une c tellement simple... je suis chiant hein ?

http://www.su.ntu....

a+


gom3z (l'ami des belg...)
47 ans (Nottingham)
gom3z@piregwan.com


gom3z, 24 07 2001 à 12:18

Slt Piregwan... avec tout le respect que je te dois, j'aimerais savoir pourquoi tu t'embetes a creer un tableau a 5 celulles. J'ai beau chercher, je ne comprends pas pourquoi tu te casses la tete ainsi alors qu'une cellule suffit


gom3z (l'ami des belg...)
47 ans (Nottingham)
gom3z@piregwan.com


( 8 commentaires )
<< 1 2 3 4 5 6 7 8 9 10 11 12 >>

 
















P I R E G W A N . C O M
interface & développement - piregwan 1998-2002




toutes les bannières


généré en 0.091 secondes