Auto completion en javascript w/ jQuery

Statut
N'est pas ouverte pour d'autres réponses.

Hichxm

Membre
Inscription
15 Octobre 2013
Messages
1 118
Réactions
227
Points
5 721
Tout comme dans le titre,
nous allons crée un système d'auto complétion,
en jQuery :)

==========================

Tout d'abord importez la librairie
jQuery:

<script src=" "></script>
<script src=" "></script>


==========================

Bien sur importez il vous suffit maintenant
de crée un fichier JavaScript de votre choix,
et de l'importez bien sur:

<script src="[VOTRE FICHIER JS].js"></script>

==========================

Tout d'abord l'API de l'autocompletion de jQuery
Celle si sera bien plus complète que se tutoriel bien sur.

==========================

Procédant au code

Tout d'abord on appelle jQuery:
Code:
$(function() {

});

On compile le code d'autocompletion à l’intérieur de jQuery:
Code:
$(function() {
  
  $( "#TonId" ).autocomplete({
        source: Tags
  });

});
Bien sur mon se code ne servira à rien si on ne lui donne pas
de tableau au quelle se referai :mmh:

Alors on déclare une variable avec toute les chaines caractère
voulue lors de l'autocompletion:​


Code:
  $(function() {
    var availableTags = [
      "Grand Theft Auto san andreas",
      "Grand Theft Auto IV",
      "Grand Theft Auto V",
      "COD: Big red one",
      "COD: World at war",
      "COD: Modern Warfare",
      "COD: Modern Warfare 2",
      "COD: Modern Warfare 3",
      "COD: Black Ops II",
      "COD: Black Ops"
    ];
    $( "#TonId" ).autocomplete({
      source: availableTags
    });
  });
Maintenant il vous suffit de crée un input simple
et de placer un par le même id inscrit dans le code javascript :ok:

==========================

N’hésite pas à likez et à partagez se tutoriel, il sera
mis a jour dans pas très longtemps avec plein de condition que l'on peut appliquez
à se système d'autocompletion.......

==========================

Youtube:
 
Dernière édition:

Switch.

Codeur Web à ton service | > Python
Premium
Inscription
13 Janvier 2013
Messages
2 956
Réactions
968
Points
6 491
Lourd, j'adore le concepts
 

HaXGamiG

Développeurs
Premium
Inscription
12 Mai 2014
Messages
1 470
Réactions
323
Points
14 896
J'adore le tuto sans tuto ...
 
Statut
N'est pas ouverte pour d'autres réponses.
Haut