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 763 hits
 
 

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

tutos aléatoires
572 867 hits

 

 

screen fonts
brushes
softwares
 
 
 

 

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

10 132 320 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
4741 visites




 

G PAS COMPRIS, 10 05 2002 à 21:24

Moi j'ai pas compris comment on aurait put faire la meme chose avec une seule cellule !!!


G PAS COMPRIS


solo, 02 05 2002 à 18:46

En programmation il a tellement de manière de faire. C'est selon l'appréciation de chacun.


solo (mickey)
47 ans (Lyon)
thanh@free.fr
http://www.entre-mars-e...


pulsart, 16 03 2002 à 15:39

d'apres moi s'il choisi 5 images plutot qu'une seul, c une question de style perso, non.....


pulsart


sicca, 30 09 2001 à 20:44

Ben moi je trouve ça plutôt cool ce découpage, comme ça tu voit par rapport au max... Bien sur si tu à plus d'une barre... Ya pas le même court en ASP ?


sicca (membre)
sicca@noos.fr
http://www.sicca-area.c...


gom3z, 01 08 2001 à 08:12

Hmmm pas cool la disparition de tes commentaires piregwan ...


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


piregwan, 26 07 2001 à 22:27

bah comme ça, ça permet de glisser le lien vers le tuto découpage http://www.piregwa...

a+


piregwan (agent mad fana...)
47 ans (chamb�ry, 73)
krakoukas@piregwan-genesis...
http://www.piregwan-gen...


( 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.077 secondes