begin process at 2012 02 12 00:21:44
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Menu & Co

 > AUTOCOMPLETION SIMPLE A IMPLEMENTER

AUTOCOMPLETION SIMPLE A IMPLEMENTER


 Information sur la source

Note :
9 / 10 - par 2 personnes
9,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Menu & Co Classé sous :autocompletion, completion, listedéroulante, suggestions, suggestion Niveau :Débutant Date de création :02/08/2007 Date de mise à jour :02/08/2007 11:33:55 Vu / téléchargé :13 118 / 1 814

Auteur : jypees

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

 Description

Alors il s'agit d'un code d'autocompletion sur un champ de type de input. Il s'agit juste d'include le js et le css et d'ajouter dans l'input la fonction associer ! J'ai tout de meme commenter le code et j'espere qu'il sera assez claire :)

PS : faite pas attention au design car il est assez moche (a) mais ce n'est pas le but de ce script :)




 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


 Historique

02 août 2007 11:33:55 :
lors d'une erreur de saisi quand j'ai ajouté ma source le champt de l'upload a disparut donc je suis obligé de revenir pour remettre le zip associé à la source :)

 Sources du même auteur

Source avec Zip MENU CONTEXTUEL SUR BALISE DE SON CHOIX

 Sources de la même categorie

Source avec Zip Source avec une capture UN MENU EN CSS par Julien39
Source avec Zip FLÈCHE CLIGNOTANTE AU SURVOL D'UN LIEN par lecurieux41
Source avec Zip Source avec une capture TREEMENU-2.3.6-MACNIP par neep
Source avec Zip Source avec une capture MENU CIRCULAIRE par adelmonis
Source avec Zip Source avec une capture MENU TASKBAR WINDOWSXP HOME par micking

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture AJAX : COMPLETER AUTOMATIQUEMENT UN FORMULAIRE (<INPUT TYPE=... par phpajax
Source avec Zip Source avec une capture AUTO COMPLETION SUR CHAMPS TEXTE par ryosama
Source avec Zip LIBRAIRIE AUTOCOMPLETION (AJAX OU LOCAL, CHOIX D'EFFETS, ENT... par rubiks10
Source avec Zip RECHERCHE AVEC AUTOCOMPLETION AJAX ( AVEC NAVIGATION CLAVIER... par rubiks10
Source avec Zip MISE À JOUR D'UNE LISTE DÉROULANTE VIA UN POPUP par ahcorad

Commentaires et avis

Commentaire de julesouley le 02/08/2007 11:42:22

il est ou le code source ??

Commentaire de jypees le 02/08/2007 12:12:07

elle est la :p elle est la :p

Commentaire de julesouley le 02/08/2007 14:53:51

ça marche tres bien.. tres joli code !! merci

Commentaire de NaeiKinDus le 03/08/2007 10:26:15

Pas tres beau tout ca xD

Mais sinon ca va, juste eu quelques soucis d'implementation sur Firefox. Sinon, pratique et rapide a utiliser.
Remplissage auto du champs lorsqu'il n'y a plus qu'une proposition aurait ete sympa aussi :)

8/10 ^_^

Commentaire de ryosama le 06/08/2007 09:13:55

C'est sympa comme système mais dommage qu'il ne gère pas les flèches haut et bas du clavier ainsi que la touche entrée.

Si tu souhaites les mettre en place tu peux t'inspirer d'une source que j'ai fais qui les implémentent :
http://www.javascriptfr.com/code.aspx?ID=41154

Bonne continuation

Commentaire de jypees le 07/08/2007 12:08:12

Merci mais je voulais vraiment faire simpliste ;) un peu comme la ratp.fr (a) apres effectivement j'ai des sources avec :)

Commentaire de anas rouetbi le 10/08/2007 14:18:11

Salut,
Je me suis inspire du script de ryosama pour mettre en place une autocompletion.
Tout marche bien, sauf pour la liste de choix generee a partir d'une base de donnee: les accents et les caracteres speciaux ne s'affichent pas correctement!

Je me suis dit que c'est peut etre du au join...
Si qq1 a une idee, merci de m'aider svp.

Commentaire de jypees le 13/08/2007 00:14:11

peut etre il faut encoder les caracteres! Essais de voir du coter de escape ou bien encodeURI et decodeURI ;) voila :) dis moi si c'est bien ca !

Commentaire de anas rouetbi le 14/08/2007 22:19:28

Salut,
C'est bon, j'ai trouve comment faire.
Pour ceux qui auraient le meme probleme:
Il faut ajouter header('Content-Type: text/html; charset=iso-8859-1'); au debut du fichier php qui genere la liste.
Voila, merci jypees pour ta reponse qd meme!
A bientot

Commentaire de kalonji001 le 03/09/2007 11:10:01

Salut,

A mon avi c pas le header qu'il faut changer mais plutot ton encodage en utf8 (utf8_encode()) pour les réponses de ta base.

a bientot.

Commentaire de pocpoc2 le 27/10/2007 23:17:07 10/10

Fabuleux, avec un peu de php c'est le reve . Merci à toi et chapeau bas !!!

Commentaire de jypees le 28/10/2007 04:39:43

Merci beaucoup pour ton commentaire :)

Commentaire de p5yk0 le 13/11/2009 14:51:38

Ton code marche parfaitement, bravo à toi.
Il suffit de modifié un peu le css et hop impec! :)

Petite précision, l'auto-complétion est sensible à la casse alors pour ceux qui souhaite comme moi faire aucune différence entre majuscule et minuscule, il suffi de modifié :
cette ligne =>  if (suggests[i].indexOf(inside.value) == 0 && inside.value != '') {
par => if ((suggests[i].toLowerCase()).indexOf((inside.value).toLowerCase()) == 0 && inside.value != '') {

^^

Commentaire de frlobe le 04/06/2010 13:20:09

Bonjour,
je n'arrive pas à faire fonctionner ton code dans mon formulaire. Est-ce "compatible" ? J'ai fait comme indiqué: mettre le onkeyup dans mon input et inclure le fichier JS dans le <head> ... Si tu peux m'aider. Merci d'avance (frlobernard-at-yahoo.fr)

Commentaire de alkana le 18/10/2010 16:52:43

Bonjour,
J'ai intégré le code à mon appli, cela marche très bien ^^ Mais je n'arrive pas à l'adapté pour que ca s'auto-complète à partir de données de ma BDD (sql server au passage) vu qu'on ne peut mettre du php dans du JS... Si quelqu'un pouvait m'aider ce serait vraiment sympa :)

Commentaire de ryosama le 18/10/2010 16:57:13

Pour faire interagir du code coté client avec un script coté serveur, tourne toi du coté d'Ajax (google est ton ami).
La librairie jQuery peut également te faciliter la vie pour écrire des scripts qui font appel à Ajax.

Commentaire de alkana le 18/10/2010 17:14:55

Moui, j'avais un peu regardé, mais étant vraiment nulle en ajax j'ai pas vraiment trouvé comment adapté à ce cas là... :$ Mais bon, je vais creuser, pas le choix ^^'

Commentaire de alkana le 19/10/2010 10:22:16

J'ai beau chercher, je ne trouve pas... Est-ce que quelqu'un pourrait m'aider svp? J'en ai vraiment besoin...

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

les suggestion de google [ par kishkaya ] Bonjour j'ai une question assez simple :lorsqu'on commence une recherche sur google, ya des suggestions qui apparaissent en dessous, ces suggestions s Autocompletion avec du JSP [ par sfdiaw ] Bonjour Je voudrais effectuer une autocompletion avec javascript et JSP cad je veux faire un select avec JSP dans la base et avec ce résultat retourné Autocompletion Ajax sur plusieurs champs dans un formulaire [ par barney06 ] Bonjour,Je suis entrain d'utiliser l'autocompletion (lorsque l'on tape une entrée dans un champs de formulaire, les résultats trouvés par l'entrée, s' Auto completion [ par vince1303 ] Bonjour,Dans un formulaire, j'ai un Textbox qui peut être rempli soit manuelement, soit par du code asp.net. Lorsqu'on remplit ce champ manuelement, l création d'une div pour les suggestions [ par loulou27 ] Bonjour à tous j'ai un souci avec un script que j'ai récupéré. le script c'est un formulaire qui génère des suggestions automatiquement. Le script en Completion de code [ par ennixo ] Bonjour, quelqu'un a-t-il déjà bossé sur de la completion de code en JavaScript ?par exemple si c'était pour du html on taperait "&lt;body " dans la t Suggestion de recherche avec AJAX [ par darb66 ] Bonjour,Je developpe une fonctionnalite AJAX qui propose une liste de choix a l'utilisateur selon ce qu'il entre dans un champ texte... Du meme style


Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

 
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 : 1,685 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales