begin process at 2010 03 22 14:46:32
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
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é :9 144 / 1 310
Auteur : jypees

Ecrire un message privé
Site perso
Commentaire sur cette source (13)
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
Toutes les sources de jypees

 Sources de la même categorie

Source avec Zip Source avec une capture MENU VERTICALE GAUCHE ET DROIT DEROULANT par kazma
Source avec Zip Source avec une capture MENU VERTICALE EN TRANSPARENCE par dlvains
Source avec Zip Source avec une capture MENU DÉROULANT EN IMAGES par dlvains
Source avec Zip TBFRAME: TAB BROWSING FRAME par triumphs
Source avec Zip Source avec une capture MENU PRINCIPAL par ali1987
Toutes les sources de la catégorie Menu & Co

 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 != '') {

^^

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


Appels d'offres

Sondage...

Comparez les prix


BORDERLANDS pour Windows
Entre 50€ et 50€

Visiter le guide achat

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode
 
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,295 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)