prettyCheckable :
Un plugin jQuery pour des boutons radios et cases à cocher personnalisés

Le , par vermine, Responsable JavaScript & AJAX
prettyCheckable
un plugin jQuery pour des boutons radios et cases à cocher personnalisés.

prettyCheckable est un plugin jQuery qui remplace les boutons radios et les cases à cocher pour leur donner un style différent, plus adapté, voire coloré, d'après un design de Bruno O. Barros.


Ce plugin est compatible avec IE7 (et plus), Chrome, FireFox, Safari et les navigateurs pour mobiles.

Vous obtenez ainsi des boutons et des cases un peu plus grands et plus jolis, ce qui est mieux adapté aux appareils mobiles car la zone d'interaction est plus grande. Quatre couleurs sont proposées (bleu, vert, rouge et un jaune qui tire vers le doré). Mais le fichier PSD est fournit et vous pouvez l'éditer.
Tout ce qui concerne le chaînage des événements est conservé et vous pouvez cocher/décocher avec la touche de tabulation.

Il s'utilise via la classe définie sur vos éléments. Par exemple :

Code html : Sélectionner tout
<input type="checkbox" class="myClass" value="yes" id="answer" name="answer"/>
Code javascript : Sélectionner tout
1
2
3
4
5
6
7
$().ready(function(){ 
  
  $('input.myClass').prettyCheckable({ 
    color: 'red' 
  }); 
  
});

Site officiel avec un exemple et la documentation.
Téléchargement.


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :
Offres d'emploi IT
Développeur javascript h/f
CTS Consulting - Pays de la Loire - Nantes (44000)
Développeur(se) Front End confirmé(e) HTML 5 / CSS 3 / JavaScript
Avenue Du Web - Bretagne - Rennes (35000)
Ingénieur solution web #multi-devices #javascript h/f
MATIERE GRISE - Ile de France - Paris (75000)

Voir plus d'offres Voir la carte des offres IT
Responsable bénévole de la rubrique JavaScript : Xavier Lecomte -