IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)

Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

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

Le , par vermine

0PARTAGES

1  0 
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.

Une erreur dans cette actualité ? Signalez-nous-la !