Magazine Graphisme

[MAJ]Jquery : mSelect ajout d’une scrollbar personnalisable

Publié le 23 juin 2011 par Mandonnaud

mSelect est un plugin jQuery que j’ai développé en avril 2010 qui permet de personnaliser totalement un select html et de pouvoir avoir des options comprenant du html (formatage ou image). Quelques semaines après la version 1.1 ajoutait la gestion événement.

Aujourd’hui je passe mon plugin en version 1.2 pour amener une nouveauté très demandée.

ScrollBar personnalisable avec mSelect

Pour les listes html longues l’utilisation d’une scrollBar devient indispensable, le plugin l’ajoute donc maintenant automatiquement à partir de sept options (se nombre est paramétrable via nbVisible)

Pour rester cohérent avec le reste du plugin cette scrollBar est entièrement personnalisable en css via plusieurs class.

Rendre inactif le champ mSelect

Seconde fonctionnalité qu’apporte cette mise à jour, la possibilité d’activer et désactiver le champ à l’aide de deux méthodes.

Optimisation du plugin et documentation complète

J’ai également optimisé l’ensemble du code, corrigé quelques petits bugs et rédigé une feuille css d’exemple.

Et pour faciliter la vie des utilisateurs d’mSelect, j’ai rédigé une documentation complète avec beaucoup d’exemples.

Voir la documentation complète de mSelect : Plugin jQuery

Mise à jour 1.3 : mCurrent

Suite à vos retour, voici une version 1.3 :

  • Ajout d’une class mCurrent sur l’option sélectionné
  • Correction du bug : mSelect plante en l’absence de jQuery-ui 1.8
  • Correction du bug : variable html de l’événement click manquante
  • Optimisation : réduction du nombre d’écouteur.

Télécharger la version 1.3

Article en rapport :


    Retour à La Une de Logo Paperblog

    A propos de l’auteur


    Mandonnaud 30 partages Voir son profil
    Voir son blog

    l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte