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 :

autocompletion avec jquery


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de kaking
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    753
    Détails du profil
    Informations personnelles :
    Âge : 36
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Mars 2008
    Messages : 753
    Par défaut autocompletion avec jquery
    Bonjour a tous !

    voila, j'ai un champs que j'autocomplete (tout comme google) grace au code simplissime qui suit :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
     $(document).ready(function() {
    		$("input#autocomplete").autocomplete({
    		// if($("input#autocomplete").val().length>2){
    		source: [<?php $mysq=mysql_query('select contact from clients') ;
                    while($fetch=mysql_fetch_array($mysq)){
                            echo '"'.$fetch['contact'].'",';
                    }?>]
    		// }
    		});
     
    	  });
    mais voila : j'aimerai que l'autocompletion s'active uniquement lorsqu'on entre plus de 2 caracteres, pour eviter un trop grand nombre de choix.

    J'ai essayé de le faire, mais j'ai du commenté les lignes -comme vous pouvez le voir ci dessus- car ca faisait planter l'autocompletion...


    Auriez vous siouplais la moindre idée qui pourrait me sortir de ce guêpier ?

    d'avance les gens, merci

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    hormis le fait de construire un array avec le resultat de la requete et d'en faire un json_encode coté serveur...

    autocomplete possède un paramètre minQueryLength qui permet de ne déclencher l'autocomplétion qu'à partir d'un nombre mini de caractères
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre éclairé Avatar de kaking
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    753
    Détails du profil
    Informations personnelles :
    Âge : 36
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Mars 2008
    Messages : 753
    Par défaut
    rho la vache, il est trop fort spacy ! merci !
    ...

    sauf que je ... (car il y a un sauf que ! )


    ... je vois pas comment faire marcher ton truc !

    ici , http://docs.jquery.com/Plugins/Autoc...or_dataoptions

    je comprends que minQueryLength est en fait minChars. Bien ...

    mais ou le mettre ? because que je vois par exemple qu'il font :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
     $("#CityAjax").autocomplete(
          "autocomplete.php",
          {
      			delay:10,
      			minChars:2,
      			matchSubset:1,
      			matchContains:1,
      			cacheLength:10,
      			onItemSelect:selectItem,
      			onFindValue:findValue,
      			formatItem:formatItem,
      			autoFill:true
      		}
        );
    mais moi j'appelle pas de fichier !

    help ! boulet a la mer !

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    ben peut importe mets ton source et conserve le paramètre minChars ???
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Membre éclairé Avatar de kaking
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    753
    Détails du profil
    Informations personnelles :
    Âge : 36
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Mars 2008
    Messages : 753
    Par défaut
    oui bien sur !

    sauf que si je fais
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
     
     $(document).ready(function() {
    		$("input#autocomplete").autocomplete({
    		 minChars:3,
    		source: [<?php $mysq=mysql_query('select contact from clients') ;
                    while($fetch=mysql_fetch_array($mysq)){
                            echo '"'.$fetch['contact'].'",';
                    }?>]
    		});
    	  });
    ou si je fais ca :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
     
    $(document).ready(function() {
    		$("input#autocomplete").autocomplete({
    		source: [<?php $mysq=mysql_query('select contact from clients') ;
                    while($fetch=mysql_fetch_array($mysq)){
                            echo '"'.$fetch['contact'].'",';
                    }?>],
    		minChars:3
    		});
    	  });
    meme tarif : l'autocompletion commence direct apres le premier caractere !

    bon, je continue a chercher de mon coté merci pour l'aide spacy !

  6. #6
    Membre éclairé Avatar de kaking
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    753
    Détails du profil
    Informations personnelles :
    Âge : 36
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Mars 2008
    Messages : 753
    Par défaut
    hahaaa !

    j'ai trouvé !

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    $(document).ready(function() {
    		$("input#autocomplete").autocomplete({
    		source: [<?php $mysq=mysql_query('select contact from clients') ;
                    while($fetch=mysql_fetch_array($mysq)){
                            echo '"'.$fetch['contact'].'",';
                    }?>],
    		minLength:3
    		});
    	  });
    merci de m'avoir grave orienté, j'etais cuit sinon

    a plus spacy !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [MySQL] Autocompletion avec JQuery - Problème encodage
    Par 4rocky4 dans le forum PHP & Base de données
    Réponses: 0
    Dernier message: 12/09/2012, 14h13
  2. Autocompletion avec Jquery
    Par Mr_Exal dans le forum jQuery
    Réponses: 9
    Dernier message: 29/11/2011, 10h11
  3. autocompletion avec jquery
    Par bob633 dans le forum jQuery
    Réponses: 2
    Dernier message: 20/10/2011, 15h05
  4. Autocomplete avec JQuery - caractères avec accents
    Par DarkSeiryu dans le forum jQuery
    Réponses: 1
    Dernier message: 24/06/2010, 15h24

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