Personnaliser ses select

Soyez le premier à donner votre avis sur cette source.

Vue 20 042 fois - Téléchargée 2 126 fois

Description

Code sans prétention mais qui donne un résultat sympa.
Ce script remplace vos SELECT par un élément graphique. (avec divers effets via scriptaculous)
Seul bémole : la hauteur n'est pas encore prise en charge alors ce script convient aux SELECT ne contenant que quelques options

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

Messages postés
2
Date d'inscription
mardi 13 juin 2006
Statut
Membre
Dernière intervention
14 avril 2010

Pour information, finalement j'y suis allé à la bourrin. J'ai supprimé quelques lignes dans customSelect.js comme ceci:

function hideOpts(){
var lstopts = $A(d.getElementsByClassName('opts'));
lstopts.each(function(opts){
if(opts.visible()){
new Effect.Fade(opts, {duration:0.3});
}
});
}
Messages postés
2
Date d'inscription
mardi 13 juin 2006
Statut
Membre
Dernière intervention
14 avril 2010

Merci beaucoup. Est-ce que quelqu'un a découvert depuis comment faire replier le menu lors du second clic sur l'option tout en haut? Comme le disait El_Teedee.
Messages postés
3
Date d'inscription
mercredi 21 mai 2008
Statut
Membre
Dernière intervention
1 octobre 2009

a la place du span met un hidden comme ca tu regle le probleme
Messages postés
497
Date d'inscription
mercredi 7 juillet 2004
Statut
Membre
Dernière intervention
13 juillet 2015
6
Peut être ?

HTMLElement.prototype.addEventListener = function(eventType, listener, useCapture)

$('objectId').addEventListener('change', laFonction, false);
Messages postés
6
Date d'inscription
mardi 15 juin 2004
Statut
Membre
Dernière intervention
10 août 2007

Autre soucis lorsque j'enleve le
"

"
Le span qui indique ma valeur, il faut 2 click pour valider mon select.

Il faut surment remplacer le Event.observe par une autre fonction mais laquelle ?

Merci
Afficher les 14 commentaires

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.