Realizzare un sistema di sondaggi
Spesso sentiamo l'esigenza di avere un contatto diretto con i nostri lettori e un buon metodo per ottenere tale feedback, può essere l'uso di un sondaggio su un certo argomento (oppure sul grado di apprezzabilità del nostro sito).
Lo script che andiamo a mostrare (tratto da DHTML Goodies) fa uso di PHP e MySQL. Se vuoi testare in locale questo script e non sai come predisporre il tuo computer, considera la lettura di un altro nostro articolo.
Lo script nei dettagli
Innanzitutto scaricate l'archivio che trovate a fondo pagina. I files inclusi nell'archivio sono i seguenti:
-
ajax-poller.html: è il file HTML principale. Contiene sia codice HTML sia PHP. Il codice per il sodaggio risiede fra i commenti<!-- START OF POLLER -->e<!-- END OF POLLER -->; -
ajax-poller-cast-vote.php: questo file viene usato da ajax quando qualcuno sottomette un voto. L'altro compito di questo file è aggiornare il databse e ritornare il risultato dei voti in formato XML al fileajax-poller.html; -
dbConnect.php: file incluso inajax-poller.htmleajax-poller-cast-vote.php. E' responsabile della connessione al database; -
js/ajax-poller.js: file javascript principale; -
js/ajax.js: fa riferimento alla libreria SACK; -
css/ajax-poller.css: è il foglio di stile per lo script; -
images/*: directory contenente tutte le immagini usate dallo script; -
createDbTables.php: file d'installazione. Questo file crea le tabelle di default del database necessarie per lo script.
Installazione
Questa è la guida passo passo su come configurare lo script:
-
Modificare
dbConnect.php. Inserire il nome del database,lo username e la password con cui ci si collega al database. Potrebbe essere il caso di creare un nuovo database; -
Modificare
createDbTables.php. Inserire il nome del database, lo username e la password con cui ci si collega al database ed eseguire lo script nel proprio browser; -
Infine aprire nel browser la pagina
ajax-poller.html;
Note aggiuntive
All'interno di ajax-poller.js ci sono delle
variabili che si possono modificare:
-
serverSideFile: percorso al file PHP richiamato da ajax. -
voteLeftImage,voteRightImageevoteCenterImage: percorsi alle immagini dei grafici; -
graphMaxWidth: larghezza massima del grafico; -
graphMinWidth: larghezza minima del grafico; -
pollScrollSpeed: velocità di animazione dello script. Più il valore è basso, maggiore sarà la velocità d'animazione; -
useCookiesToRememberCastedVotes: se settato a true, sfrutta i cookie per impedire agli utenti che han già votato di votare più di una volta (ovviamente se l'utente provvede ad eliminare tale cookie potrà votare nuovamente);
Download
- Articolo precedente Controllare in tempo reale se una username esiste
- Articolo successivo Creare un sito web in pochi minuti