IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Element de formulaire qui fasse select ET input en meme temps


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    12
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2005
    Messages : 12
    Par défaut Element de formulaire qui fasse select ET input en meme temps
    Bonjour,

    je cherche désespérément à insérer dans un formulaire un combobox particulier, qui affiche une liste de choix prédéfinis, mais avec la possibilité de saisir librement n'importe quel texte.

    Je me suis tourné vers les combobox jquery, en essayant de désactiver le code qui supprime le texte lorsque l'entrée saisie est introuvable dans la liste.

    Cela fonctionne mais malheureusement je n'arrive pas à récupérer la valeur du texte saisi.

    Je me vois donc contraint d'utiliser dans mon formulaire DEUX éléments distincts, une combobox et un input, ce que je ne trouve pas très élégant et forcément plus complexe à gérer... je suis surpris qu'un tel composant n'existe pas, auriez vous quelques suggestions à me proposer ?

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Le nombre de scripts d'autocompletion existants est suffisamment important pour qu'une simple recherche te permette de trouver ton bonheur...

    EDIT
    Au pire, tu peux tester l'élément HTML5 datalist associé à ton input... mais la prise en charge par les navigateurs n'est pas encore optimale.
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    12
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2005
    Messages : 12
    Par défaut
    Oui, mais l'auto-complétion n'est pas du tout l'objet de ma recherche.

    Il se trouve que l'élément que j'ai essayé de modifier était dans la section "autocomplétion" sur le site de jquery, mais ce qui m'intéresse c'est la fonction hybride "champ de saisie libre" + "liste de choix".

    Les recherches sur google ou sur developpez.net n'ont rien donné, mais peut-être que je n'utilise pas les bons termes ... j'ai essayé "select liste ouverte" "select liste libre".

    Je suppose qu'une combobox dans laquelle on peut écrire ce qu'on veut est quelque chose de super classique, non ?

    EDIT: le datalist semble intéressant, je vais voir ce que je peux faire avec.

  4. #4
    Expert confirmé
    Avatar de sekaijin
    Homme Profil pro
    Urbaniste
    Inscrit en
    Juillet 2004
    Messages
    4 205
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Urbaniste
    Secteur : Santé

    Informations forums :
    Inscription : Juillet 2004
    Messages : 4 205

  5. #5
    Membre averti
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    12
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2005
    Messages : 12
    Par défaut
    Merci sekaijin, j'espere pouvoir tester ta solution rapidement, cependant le code ne m'a pas l'air "prêt à l'emploi". Exemple, où est la définition de la classe "Ext" ?

    (désolé je débute en javascript)

  6. #6
    Expert confirmé
    Avatar de sekaijin
    Homme Profil pro
    Urbaniste
    Inscrit en
    Juillet 2004
    Messages
    4 205
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Urbaniste
    Secteur : Santé

    Informations forums :
    Inscription : Juillet 2004
    Messages : 4 205
    Par défaut
    HI

    http://www.sencha.com/products/extjs/ pour le web
    http://www.sencha.com/products/touch/ pour smartphone/tablette
    http://www.sencha.com/products/sencha-cmd/download outil pour ne packager que les classes nécéssaire à ton développement

    A+JYT

Discussions similaires

  1. Réponses: 7
    Dernier message: 20/09/2012, 07h53
  2. [ZF 1.11] Element file formulaire qui n'affiche pas les erreurs
    Par absot dans le forum Zend_Form
    Réponses: 3
    Dernier message: 25/11/2011, 10h52
  3. [IE7] selection d'elements de formulaire
    Par zevince dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 20/07/2007, 14h24
  4. Réponses: 11
    Dernier message: 30/08/2005, 10h50
  5. Réponses: 2
    Dernier message: 29/10/2003, 11h05

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo