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

jQuery Discussion :

Autocomplete lorsque le champ est pré-rempli


Sujet :

jQuery

  1. #1
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Janvier 2013
    Messages
    16
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Janvier 2013
    Messages : 16
    Par défaut Autocomplete lorsque le champ est pré-rempli
    Bonjour à tous,

    Je me tourne vers vous car je cherche à utiliser le widget autocomplete pour un site que je développe. Je rencontre néanmoins un problème lors de son utilisation lorsque le champ text sur lequel l'Autocomplete est censé agir est déjà rempli.

    En effet, autocomplete ne semble alors plus trouvé que les résultats contenant la valeur du champ text, même après avoir effacé cette dernière.

    Auriez-vous connaissance d'un problème similaire et sauriez-vous comment le résoudre ?

    D'avance merci,
    MKP.

    P.S : Voici le code que j'utilise pour autocomplete :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    $('input[type="text"][id*="AutocompleteTechnique"]').autocomplete({
                            source: 'ajax/index.php?fichier=1025',
                            delay: 350, 
                            minLength: 2,
                            focus: function( event, ui ) {
                                $(this).val( ui.item.label );
                                return false;
                            },
                            select: function( event, ui ) {
                                $(this).val( ui.item.label );
                                $(this).prev().val( ui.item.value );
     
                                return false;
                            }
                        })
                            .data( "autocomplete" )._renderItem = function( ul, item ) {
                                return $( '<li>' )
                                    .data( 'item.autocomplete', item )
                                    .append( '<a style="min-height: 80px; max-width: 345px;"><span style="float: left"><img src="images/' + item.icon + '" alt="Icone de ' + item.label + '" title="' + item.label + '" style="max-width: 60px; max-height: 60px; padding: 5px;" /></span></span>' + item.label + '<br><span style="font-size: small;">' + item.desc + '</span></span></a>' )
                                    .appendTo( ul );
                            };

  2. #2
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    Bonsoir

    Impossible de tester ce bout de code sans son contexte.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    $('input[type="text"][id*="AutocompleteTechnique"]')
    	.autocomplete({
    		source: 'ajax/index.php?fichier=1025',
    	    delay: 350, 
    	    minLength: 2,
    	    focus: function( event, ui ) {
    	    	$(this).val( ui.item.label );
    	        return false;
    	    },
    	    select: function( event, ui ) {
    	    	$(this).val( ui.item.label );
    	        $(this).prev().val( ui.item.value );
    	        return false;
    	    }
    	})
    	.data( "autocomplete" )._renderItem = function( ul, item ) {
    	    return $( '<li>' )
    	        .data( 'item.autocomplete', item )
    	        .append( '<a style="min-height: 80px; max-width: 345px;"><span style="float: left"><img src="images/' + item.icon + '" alt="Icone de ' + item.label + '" title="' + item.label + '" style="max-width: 60px; max-height: 60px; padding: 5px;" /></span></span>' + item.label + '<br><span style="font-size: small;">' + item.desc + '</span></span></a>' )
    	        .appendTo( ul );
    	};
    Je ne comprends pas la ligne en rouge, lien vers la documentation SVP.

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

Discussions similaires

  1. [XL-2010] Mettre une date lorsque un champs est modifié
    Par patch2007 dans le forum Excel
    Réponses: 6
    Dernier message: 27/02/2012, 18h25
  2. [AC-2003] Afficher la photo "blank.jpg" dans état lorsque le champ est vide
    Par fins51 dans le forum VBA Access
    Réponses: 8
    Dernier message: 16/05/2009, 14h37
  3. Que renvoie Access lorsqu'un champ est vide?
    Par jamesleouf dans le forum Requêtes et SQL.
    Réponses: 2
    Dernier message: 21/05/2008, 16h28
  4. [mySQL 5] Eviter l'erreur lorsqu'un champ est inexistant
    Par fanfouer dans le forum Requêtes
    Réponses: 2
    Dernier message: 11/03/2008, 11h10
  5. Réponses: 1
    Dernier message: 26/08/2007, 21h07

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