cherche TUTO pour faire resultat de vote a barre

mobman02

Bonjour,
je suis en train de concevoir un
bout de code pour afficher les resultats d'un vote avec une barre. (comme l'exitometre de ce site: http://www.jeuxvideo.fr/html/news/news_5542.htm )

Mais voila, je ne sait pas du tout comment faire !
Je veut meme pas un truc compliquer, une barre de la meme couleur qu'elle soit a zero ou 10 ca me derange pas ! ^^

C'est juste sur le principe que je bloque...
Faire une image d'une certaine longueur et la
redimensionner avec <img src ??
Fait une image de 0.1 et faire plein de <img src pour avoir une barre ?

Merci de m'aider !

moogli

SAlut,

ton bonheur est dans le cour sur GD !


Bonne lecture !

celionor

C'est simple.

Tu créés une image de 1px de large et 10px de haut.
<img src="img.gif" width="100"> pour 100%
<img src="img.gif" width="80"> pour 80%

Donc un simple calcul qui te donnera un résultat sur 100, et le tour est joué.

keitarosan

autre solution, tout en CSS.

-----------------------------------
//code html
<div class="result_vote" width="10%">
</div>

//css

.result_vote
{
height: 10px;
border: 1px outset Black;
color: Black;
background-color: Blue;
}


--------------------------------------

voila, c'est aussi une solution si tu veux eviter de gerer des images.
Après tout dépend de l'utilisation, et de la beauté que tu veux pour tes barres ;)

mobman02

merci bien.
J'ai essayer avec une image que je redimensionne suivant la valeur de la note,
ca fonctionne mais c'est pas terrib terrib...

Alors je vais apprendre a faire une image en php !
(oulah :p)

mobman02

a oui mais ma question alors ! ^^

C'est, est ce que generer 5 images avec le meme fichier, mais avec des parametres differents,
ca fait beaucoup ramer la page ???

celionor

pourquoi t'ennuyer avec des créations d'image quand tu peux faire simple?
Suit nos solutions, elles sont rapide et simple (Sondages)

mobman02

ouais mais je veut faire varier la couleur
en fonction de la note ! (rouge a 0 et vert a 10 tu voit)

Par contre j'ai un prob...
Est-ce que on peu installer la librairi GD sur easyPHP ? Parce que apperrament elle y est pas !

i M@N

Hello !

Si elle y est mais faut l'activer :

clic droit sur l'icone EasyPHP
Configuration
Extensions PHP
et tu coche ph_gd2 et clic Appliquer

Redémarre EasyPHP et c'est bon.

@+...

celionor

J'ai une petite idée..
Tu fais un <div> avec une image en background que tu auras fait. La taille de l'image : 1OOpx, et tu fais un dégradé dessus.

Apres, la taille de la div est en fonction de ton résultat. Comme ca, ca affichera celon le résultat le dégradé de ton image.

Et voila !