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

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.

Mise à jour 1.4 : manipulation des données

Mise à jour du 27 juin 2011

  • Ajout de la méthode add
  • Ajout de la méthode options
  • Ajout de la méthode selected

Voir la documentation complète de mSelect : Plugin jQuery

 

Étiquettes : , , , , ,

2 Comments

  • gotardo dit :

    Bonjour !
    J’ai constaté que le plugin a mis un input name aléatoire chaque fois. Mon HTML:

    Option 0
    Option 1

    $(‘#myid’).mSelect();

    J’ai le name suivant:

    Pouvez vous m’aider?

    Merçi!

  • samuel dit :

    Une partie de votre code a du être tronqué par wordpress, je peu difficilement répondre du coup :/

Commenter

XHTML: You can use these tags:' <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Copyright © 2017 Le pret a surfer All rights reserved.
Desk Mess Mirrored v1.4.4.1 theme from BuyNowShop.com.