InputRating Widget
Genera un input utilizzabile in un form il cui valore è dato dalla scelta in un range che va da 1 a N voti
// API dBJs-ui
Davide Bausach
/ 08-07-2015
- data-irName : corrisponderà al paramentro name dell'input hidden che salverà il valore selezionato
- data-irN: numero massimo di votazione (default 5)
- data-irChar: star | circle | square | heart | spade | club | diam (default star)
- data-Val: numero iniziale di elementi selezionati (default 0)
Standard sintax
<span class="inputRating" data-irName="myName" data-irN="n star" data-irChar="star | circle | square | heart | spade | club | diam" data-irVal="1|2|3..."></span>
In questo esempio le impostazioni di default del widget hanno generato un input che va da 1 a 5 stelle. La proprietà name dell'input sarà data dal valore dell'attributo data-irName.
<span class="inputRating" data-irName="myName"></span>
Nel secondo esempio vediamo come è possibile cambiare il numero
massimo dlel avotazione portandolo ad un valore che va da 1 a 10 e cambiare
il carattere visualizzato in un pallino pittosto che nella classica stella.
È possibile scegliere anche alti caratteri che simboleggiano i voti
- bullet •
- square ▪
- heart ♥
- spade ♠
- club ♣
- diam ♦
Inoltre è possibile inserire un carattere personalizzato usando l'entita html associata (ad esempio ∞ che corrisponde al carattere "∞")
<span class="inputRating" data-irName="myName" data-irN="10" data-irChar="diam"></span>