begin process at 2012 02 12 00:03:20
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Formulaire

 > PERSONNALISER SES SELECT

PERSONNALISER SES SELECT


 Information sur la source

Note :
9,6 / 10 - par 5 personnes
9,60 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Formulaire Classé sous :select, prototype, scriptaculous Niveau :Débutant Date de création :19/07/2007 Vu / téléchargé :17 067 / 1 769
Auteur : XtremDuke

Ecrire un message privé
Commentaire sur cette source (14)
Ajouter un commentaire et/ou une note

 Description

Cliquez pour voir la capture en taille normale
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



 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Sources du même auteur

Source avec une capture ANIMATION VIA LES ÉQUATIONS DE ROBERT PENNER
Source avec Zip Source avec une capture EXPLORATEUR WEB
Source avec Zip Source avec une capture PERSONNALISER LES BOÎTES DE DIALOGUE
Toutes les sources de XtremDuke

 Sources de la même categorie

Source avec Zip Source avec une capture BOITE DE DIALOGUE MODALE DE SÉLECTION D'UNE LISTE D'ICONES par JJDai
Source avec Zip Source avec une capture RÉSOLUTION D'UN SYSTÈME D'ÉQUATIONS LINÉAIRES À N INCONNUES par william voirol
Source avec Zip Source avec une capture PLUGIN JQUERY LISTE MODIFIABLE (COMBO) AUTOCOMPLÉTÉE par medkarim
GESTION DE NUMÉRO DE TÉLÉPHONE SIMPLE DANS FIREFOX7 par rotomtom
Source avec Zip Source avec une capture RECOMMANDER CETTE PAGE AVEC MAILTO, ACCENT ET RETOUR LIGNE D... par weabow
Toutes les sources de la catégorie Formulaire

 Sources en rapport avec celle ci

Source avec Zip MARQUEE VERSION2 COMPATIBLE MOOTOOLS, JQUERY, PROTOTYPE ET S... par Kimjoa
OUTIL DE SÉLECTION par jdmcreator
Source avec Zip Source avec une capture EXPLORATEUR WEB par XtremDuke
Source avec Zip Source avec une capture PERSONNALISER LES BOÎTES DE DIALOGUE par XtremDuke
Source avec Zip PLUGIN BDDR, À INTÉGRER DANS VOS PAGES WEB, PERMET UNE UTILI... par odinh

Commentaires et avis

Commentaire de Toya78 le 20/07/2007 11:17:16

Hello

Je n'ai pas pour habitude de laisser des commentaires, mais là j'ai été tellement bluffé par le résultat que je n'ai pu résisté !

Superbe source, effet magnifique qui remplace avantageusement les <select> classiques.

Bravo !

Commentaire de gyome314 le 20/07/2007 16:12:13

Très utile, C'est vrai qu'il y a un manque au niveau du CSS pour la gestion des SELECT.
Ce genre de petite source trouve tout à fait sa place dans une interface Web 2.0...

Merci.

Commentaire de hdh le 20/07/2007 16:39:14

Très chouette !!

Commentaire de jjdagadir le 20/07/2007 19:08:30

Oui, très chouette, facilement customisable avec les couleurs dans la css, c'est propre, çà marche impec.

Commentaire de jjdagadir le 20/07/2007 19:09:46

Zut,

J'ai omis le KENAVO...rituel

Commentaire de simonviei le 24/07/2007 07:07:29

Très sympa ;)

Commentaire de el_teedee le 27/07/2007 12:58:31

Salut,

sympa en effet, par contre, il manque à mon gout le fait que quand tu cliques sur l'option déjà sélectionnée avec le select déplié, que le select se replie.

You know what aïe mean ? :)

Commentaire de jypees le 10/08/2007 12:09:20

haaa scriptaculous (a) franchement la classe ce truc ! effectivement c'est sans pretention mais devant de tels resultats la bonne note tombe :P (la prochaine fois tu nous recode l'effet entierement ??? :P)
note: 9/10

Commentaire de niksam le 10/08/2007 18:07:42

Superbe seul soucis de mon coter 204kb de script pour personaliser un select ca fait beaucoup je trouve...
Pas moyen d'optimiser tous ca ?

Commentaire de niksam le 10/08/2007 19:42:15

Autre soucis lorsque j'enleve le
"<div><span id="valueOf_testSelect1"></span></div>"
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

Commentaire de el_teedee le 10/08/2007 21:45:05

Peut être ?

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

$('objectId').addEventListener('change', laFonction, false);

Commentaire de kingseb51080 le 01/10/2009 08:20:02

a la place du span met un hidden comme ca tu regle le probleme

Commentaire de killer4lau le 14/04/2010 20:08:29

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.

Commentaire de killer4lau le 14/04/2010 20:20:46

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});
}
});
}

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

select case en javascript [ par Juju ] je cherche une sorte un select case mais en javascript, pouvez vous me donner la syntaxe MerciJuju comment dans un select ...? [ par Siriche ] Bonjour,quelqu'un peut-il me dire comment dans un select qui accepte le choix "multiple", on interdit à l'utilisateur de choisir plus que 3 options ?m text /select par javascript [ par dreadlock ] Salut , je cherche un moyen de remplacer une zone de texte par une liste déroulante. Selon le choix du visiteur (par bouton radio) une zone de texte s le type "select" devient un "text" [ par enis ] J'ai une liste déroulante contenant différents métier : &lt;SELECT name="Profession"&gt;&lt;option&gt;----------&lt;/option&gt; &lt;option value= Cases à cocher [ par lavache13 ] Je suis en train de faire un formulaire avec des cases à cocher et j'aimerai savoir ce que retourne une case à cocher comme valeur. J'ai essayé checke Pb pour recuperer le contenu d'un form/select sous PHP [ par MarcStrup ] Bonjour,Le pb est le suivant :- Pour recuperer le contenu d'une liste (form/select de type liste), je dois nommer le select sous le forme 'monselect[] Manipuler un Menu Select (combo.) [ par syndrael ] Bonjour,Je cherche un moyen pour effacer la premièer ligne d'un Menu Select (ou combo). Voici mon code mais j'ai une erreurfor (i=1;i&lt;ZeSelect.opti Problème de compatibilié avec Netsape [ par thebigbang ] bonjour à vous, j'ai ce code js qui tourne bien sous IE, mais sous netscape ce ne marche pas du tout.L'argument select représente un select sur la pag help [ par syphaxx ] bjr tt le monde, dans une page html j'ai un composant de type "select", en desous il y a un tableau (table), je voudrais que selon la valeur du select Dernier selection dans select multiple [ par guiguimac ] bonjour,j'aimerai savoir comment récupérer le dernier élément sélectionné dans un select multiple ...merci d'avance !


Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 2,652 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)