CodeS-SourceS est hébergé par Frontier.fr

Cliquez ici pour mettre ce site au démarrage de votre navigateur

AccueilCodesTutorielsForumsEmploiLivresGuide achatConnexion

begin process at 2009 07 05 23:56:57

SILVERLIGHT 3 : COMMUNICATION ET MULTICAST par KooKiz

[PERSO] DéCOUVERTES ESTIVALES : LINUX (PART I) par FREMYCOMPANY

[REFACTORING] RESHARPER POUR VISUAL STUDIO 2010 (PREVIEW) par tja

[REFACTORING] ANALYSER VOS EXCEPTIONS AVEC RESHARPER EXCEPTIONAL par tja

SHAREPOINT 2007 : PATTERNS & PRACTICES SHAREPOINT GUIDANCE par phil

RE : BOUCLES ! par cedcyr

BOUCLES ! par cedcyr

CODE POUR EDITEUR DE TEXTE AVEC PRISE EN CHARGE DU COPIER/COLLER GARDANT LA MISE EN FORME par lolhangman

RE : COMMENT RéCUPéRER LES VARIABLES DE PLUSIEURS FORMULAIRES POUR OUVRIR FICHIER EXCEL par Bul3

+ de logiciels à télécharger

1 464 926 membres
424 nouveaux aujourd'hui
15 045 membres club

Trouver une ressource

Trouvez une ressource parmi 40 095 codes, 1 303 031 messages d'aide etc...

Recherche: dans [ Dernières recherches ]

Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

PERSONNALISER SES SELECT

Information sur la source

Catégorie :Formulaire Classé sous : select, prototype, scriptaculous Niveau : Débutant Date de création : 19/07/2007 Vu / téléchargé: 11 022 / 1 339

Auteur : XtremDuke

Ecrire un message privé

Note :

9,60 / 10

Commentaire sur cette source (11)

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

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

customSelect
- index.html 3 254 octets
- css
  - customSelect.css 710 octets
  - style.css 243 octets
- js
  - builder.js 4 638 octets
  - controls.js 28 980 octets
  - customSelect.js 3 285 octets
  - dragdrop.js 30 645 octets
  - effects.js 37 872 octets
  - prototype.js 71 261 octets
  - scriptaculous.js 2 404 octets
  - slider.js 10 403 octets
  - unittest.js 20 047 octets
- gfx
  - custom_select
    - arrow.png 3 838 octets
    - bg.gif 1 274 octets

Télécharger le zip

Sources du même auteur

ANIMATION VIA LES ÉQUATIONS DE ROBERT PENNER

EXPLORATEUR WEB

PERSONNALISER LES BOÎTES DE DIALOGUE

Toutes les sources de XtremDuke

Sources de la même categorie

CALCULS RAYNAUX V2 par Ali Bibi

VALIDATION D'UN FORMULAIRE par grarestephane

CHAT VIRTUEL par grarestephane

AJOUTER ET SUPPRIMER DES FICHIERS DANS UNE LISTE par grarestephane

TEXTAREA : LIMITER LA LARGEUR ET LA HAUTEUR DU TEXTE SAISIE par vilfarfadet

Toutes les sources de la catégorie Formulaire

Sources en rapport avec celle ci

JVSMENU : MENUS CLASSIQUES ET CONTEXTUELS AVANCÉS EN JAVASCR... par emericv

LISTE UL DÉFILANTE UTILISANT SCRIPT.ACULO.US par mikerob

EXPLORATEUR WEB par XtremDuke

PERSONNALISER LES BOÎTES DE DIALOGUE par XtremDuke

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

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 : <SELECT name="Profession"><option>----------</option> <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<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 !