Vous avez déjà remarqué les Sliders que l’on peux retrouver sur l’iPhone pour le déverrouiller ?
Découvrez comment remplacer les cases à cocher de votre site web par ceci :

La mise en place est très simple :
On réalise toutes les importations :

<script type="text/javascript" src="jquery-1.4.js"></script>
<script type="text/javascript" src="iphone-style-checkboxes.js"></script>
<link rel="stylesheet" href="style.css" type="text/css" media="screen"/>

On crée un événement pour mettre en place les sliders à la fin du chargement :

 // Avec jQuery :
$(document).ready(function() {
     $(".checkbox").iphoneStyle();
});

// Avec prototypeJS :
document.observe("dom:loaded", function() {
     new iPhoneStyle('[type=checkbox]');
});

Comme nous pouvons le voir, cette librairie fournie GitHug est très simple à mettre en place.
On notera aussi que cette librairie:

• supporte le glissement à la souris
• s’ajuste automatique en fonction du contenu
• fonctionne avec les navigateurs ne prenant pas en compte le javascript
• est compatible avec l’iPhone