Créer un sondage en PHP avec Dreamweaver – 1re partie - Dreamgratuit

31 mars 2008

Créer un sondage en PHP avec Dreamweaver – 1re partie

Dans ce tutoriel en 5 parties, nous allons créer un petit sondage avec bouton radio (choix multiple, réponse unique) qui présentera à l’utilisateur les résultats du sondage une fois qu’il aura voté. Merci à Floppy dont je me suis inspirée...

La question de notre sondage portera sur l’éditeur de code utilisé par le sondé :)

On suppose que votre base de données (dans ce tuto appelée ma_base) existe déjà et que ce fonctionnel s’insère dans un site existant possédant une connexion nommée ma_Connexion.

Tout d’abord allez dans PHPMyAdmin afin de créer la table contenant le sondage :

#
# Structure de la table 'sondage'
#
CREATE TABLE tb_sondage (
id_reponse tinyint(4) NOT NULL default '0',
compteur bigint(20) NOT NULL default '0',
libelle varchar(255) NOT NULL default '',
PRIMARY KEY (id_reponse)
) TYPE=MyISAM;

#
# Contenu de la table 'sondage'
#
INSERT INTO tb_sondage VALUES (1, 0, 'Dreamweaver');
INSERT INTO tb_sondage VALUES (2, 0, 'Ultra Edit');
INSERT INTO tb_sondage VALUES (3, 0, 'Notepad++');
INSERT INTO tb_sondage VALUES (4, 0, 'Autres');

Nous allons maintenant réaliser la page qui contient le sondage. Faites Fichier >> Nouveau >> Page vierge >> PHP >> Mise en forme Aucune.

Vérifiez en mode code, que la 1re ligne de votre document est bien :

<?php require_once('Connections/ma_Connexion.php'); ?>

Nous allons tout d’abord créer le squelette du formulaire contenant le sondage. Pour cela, nous respectons les standards W3C :

<form name="vote" id="vote" >
<fieldset>
<legend>Sondage</legend>
<p>Quel éditeur de code utilisez-vous ?</p>
<label for=""></label>
<input name="reponse" id="" type="radio" value="" />
<br />
</fieldset>
<p>
<input id="button1" type="submit" value="Voter" />
</p>
</form>

Voici pour info la CSS que j’utilise dans ce tutorial :

Vous constatez ici qu’il n’y a qu’un seul bouton radio sans libellé ni valeur. Nous allons pour cela utiliser un jeu d’enregistrement et un comportement serveur.

Pour le jeu d’enregistrement, nous allons paramétrer la fenêtre comme suit :

Une fois validé cette fenêtre, mettez-vous en mode code et ouvrez le panneau de liaison. Faites cliquer-glisser les items « id_reponse » et « libelle » comme indiqué dans la portion de code ci-dessous :

   <label for="<?php echo $row_RS_reponse['libelle']; ?>"><?php echo $row_RS_reponse['libelle']; ?></label>
   <input name="reponse" id="<?php echo $row_RS_reponse['libelle']; ?>" type="radio" value="<?php echo $row_RS_reponse['reponse']; ?>" />
   <br />

Maintenant sélectionnez le code ci-dessus et appliquez le comportement serveur « Région répétée » que vous paramétrez bien évidemment à « tous les enregistrements ».

Si vous affichez la page dans votre navigateur, vous devez obtenir ceci :

Pour mettre à jour le compteur dans la table, il faut maintenant insérer la réponse faite par l’utilisateur dans le compteur de la table tb_sondage. Pour cela, nous allons utiliser le comportement serveur « insérer un enregistrement » que nous allons remanier. Voici le paramétrage de cette fenêtre :

Mettez la fenêtre principale en mode code si ce n’est déjà fait et modifier les lignes suivantes :

if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == "vote")) {
$insertSQL = sprintf("INSERT INTO tb_sondage (reponse) VALUES (%s)",
GetSQLValueString($_POST['reponse'], "int"));

comme suit (en gras ci-dessous) :

if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == "vote")) {
$insertSQL = sprintf("UPDATE tb_sondage set compteur = compteur + 1 WHERE id_reponse =%s",
GetSQLValueString($_POST['id_reponse'], "int"));

Tester votre fonctionnel dans votre navigateur : si tout se passe bien vous devriez voir le compteur s’incrémenter à chaque vote !

Nous verrons donc bientôt comment afficher en ligne les résultats du vote.
(disponible ici : http://dreamgratuit.canalblog.com/archives/2008/04/03/8589836.html )

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

This tutorial is about building a poll (vote / survey) system with Dreamweaver / PHP - MySQL

Posté par caroder à 07:36 - Commentaires […] - Permalien [#]

Tags: tutorial, sondage

Partager cet article

Vous aimez ?

0 vote

Je n'aime pas Olivier Martinez - bis repetita

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

Commentaires

Mapomme

16/01/2014 17:30

idem ca entre pas dans la base de donnée

Alain

29/10/2010 05:17

Oui effectivement j'utilise la version 8 de Dreamwaver, alors serait il possible que vous me donniez le code adapté svp ? merci de votre aide

caroder

28/10/2010 15:57

J'attire l'attention des lecteurs sur le fait que ce tutoriel a été créé avec la version CS3 de Dreamweaver et que le passage à la version CS4 modifie effectivement la rédaction des requêtes.

Alain

27/10/2010 16:44

J'ai bien fait la modification du code en UPDATE mais rien ne marche . . . pourriez m'aider, merci

fatah

18/10/2008 13:03

if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == "vote")) {<br /> $insertSQL = sprintf("UPDATE tb_sondage set compteur = (%s)+1 WHERE id_reponse =%s",<br /> GetSQLValueString($_POST['id_reponse'], "int"));<br /> <br /> <br /> Normalement sa doit fonctionner.<br /> <br /> Pas besoin de créer "insérez un enregistrement",faire directement 'mettre à jour un enregistrement' et rajouter les parenthèses et le +1 ce qui donne (%s)+1 ensuite vous donnez à la boite de dialogue la direction pour aller à la page suivante.<br /> Je vous rassure ça marche très bien et il n'y a que 3 lettres a rajouter pas besoin d'extension.