Créer un sondage en PHP avec Dreamweaver – 3e partie

Nous allons parfaire l’affichage de nos résultats et réaliser un graphique en barre.

Créez dans Photoshop une image de taille 10 x 20 px contenant une couleur à votre convenance (plutôt unie ou alors avec un dégradé dans le sens de la hauteur).

Insérez cette image juste avant le calcul des pourcentages dans le tableau. Attribuez à cette image un alignement vertical en milieu abolu. Cette image a pour attribut une largeur donné automatiquement par Dreamweaver et qui correspond à 10px. Nous allons ajuster la largeur par défaut proportionnellement aux résultats du sondage. Pour cela dans l’attribut d’image insérez le bout de code suivant :

<img src="images/img-sondage.gif" width="<?php echo round(100 * $row_RS_reponse2['compteur'] / $row_RS_resultats['total'], 0); ?>" height="20" align="absmiddle" />

(Notez le 0 à la place du 2 dans l’arrondi car les largeurs des images sont des entiers).

Prévisualisez, vous devez maintenant obtenir quelque chose qui ressemble à ceci :

Vous pouvez aussi si vous le désirez afficher un graphique en camembert. Pour cela reportez-vous à l’extension correspondante dont j’ai déjà parlée dans ce blog.

Nous verrons dans un  prochain billet comment conditionner l’affichage au vote et empêcher un internaute de voter plusieurs fois.