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.

jQuery Yes or No Plugin Demo Download jQuery Yes or No Plugin

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.