jQuery Yes or No Survey è un plugin by gleenk.com sviluppato come sistema di votazione a doppia risposta. Attraverso questo semplice sistema infatti puoi visualizzare i click totali che vengono effettuati su una scelta piuttosto che un’altra, e vedere queste votazioni in percentuale rappresentate come barre colorate.
Questa versione è realizzata unicamente tramite javascript/jQuery, di conseguenza non può essere presa ed utilizzata così com’è per tenere traccia dei click nel tempo. Per far ciò sarà sufficiente implementare una funzione AJAX in combinazione con PHP/MySQL o qualche altro linguaggio server-side di tuo gradimento.
Come utilizzare il plugin
Per poter utilizzare il plugin per gestire i tuoi sondaggi dovrai:
- Includere jQuery 1.6+ nella tua pagina html
- Includere il file jquery.ynosurvey.js nella tua pagina html
- Chiamare lo script al caricamento del DOM in questo modo:
$(document).ready(function(){
$("#jqyn_survey").ynosurvey();
});- Utilizzare il markup HTML che trovi nell’esempio
- Includere il file ynosurvey.css nella tua pagina
- Se intendi utilizzare le immagini di background di default non dimenticarti della cartella immagini
Sondaggi multipli nella stessa pagina
Con jQuery Yes or No Survey è possibile gestire più sondaggi contemporaneamente nella stessa pagina senza che vadano in conflitto tra di loro. Sarà sufficiente utilizzare ID differenti da associare ai sondaggi:
$(document).ready(function(){
$("#jqyn_survey").ynosurvey();
$("#jqyn_survey2").ynosurvey();
});Parti modificabili
Potrai tranquillamente rimuovere le parti di html indesiderate, è fondamentale però che le barre restino sempre visibili affinchè lo script funzioni correttamente. Potrai inoltre cambiare CSS ed immagini a tuo piacimento prestando sempre attenzione a non alterare la funzionalità del sistema.
Supporto dei browser
Lo script è stato testato su molteplici browser ed è risultato correttamente funzionante su:
- Mozilla Firefox 3+
- Google Chrome
- Safari 5+
- Opera 9+
- Internet Explorer 6+
Il supporto delle proprietà CSS3 box-shadow e border-radius è garantito invece solo sui browser moderni.
Crediti e ringraziamenti
Davide “Gleenk” De Maestri – idea, graphic and coding
Marco “Evilcoder” Costantino – coding improvements
Condizioni di utilizzo
Tu sei libero:
di riprodurre, distribuire, comunicare al pubblico, esporre in pubblico, rappresentare, eseguire e recitare quest’opera e di modificare quest’opera
Alle seguenti condizioni:
Attribuzione — Devi attribuire la paternità dell’opera nei modi indicati dall’autore o da chi ti ha dato l’opera in licenza e in modo tale da non suggerire che essi avallino te o il modo in cui tu usi l’opera.
Non commerciale — Non puoi usare quest’opera per fini commerciali.
English Documentation
Is it also possible to download english PDF version of jQuery Yes or No Survey documentation here.
