Autocomplete jquery

Autocomplete jquery - HTML/CSS - Programmation

Marsh Posté le 19-07-2011 à 08:31:31    

Hello,
 
Bon, comme je suis assez nul en javascript mais que je voulais intégrer un script d'autocomplete à certains des mes formulaires html, j'ai lu et relu ceci : http://jqueryui.com/demos/autocomplete/  
 
Pour commencer par le commencement, j'ai alors simplement fait un copier-coller de ce code dans une nouvelle page html mais... ça ne fonctionne même pas  :sweat:  
 
Il est ici : http://www.shootmeagain.com/autocomplete.html  
 
Euh y a un truc à changer quelque part où il est censé fonctionner tel quel gentiment ? Car j'aimerais partir de celui-ci et le modifier peu à peu suivant mon besoin.  
 

Code :
  1. <script>
  2. $(function() {
  3.  var availableTags = [
  4.   "ActionScript",
  5.   "AppleScript",
  6.   "Asp",
  7.   "BASIC",
  8.   "C",
  9.   "C++",
  10.   "Clojure",
  11.   "COBOL",
  12.   "ColdFusion",
  13.   "Erlang",
  14.   "Fortran",
  15.   "Groovy",
  16.   "Haskell",
  17.   "Java",
  18.   "JavaScript",
  19.   "Lisp",
  20.   "Perl",
  21.   "PHP",
  22.   "Python",
  23.   "Ruby",
  24.   "Scala",
  25.   "Scheme"
  26.  ];
  27.  $( "#tags" ).autocomplete({
  28.   source: availableTags
  29.  });
  30. });
  31. </script>
  35. <div class="demo">
  37. <div class="ui-widget">
  38. <label for="tags">Tags: </label>
  39. <input id="tags">
  40. </div>
  42. </div><!-- End demo -->
  46. <div class="demo-description" style="display: none; ">
  47. <p>The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are tags for programming languages, give "ja" (for Java or JavaScript) a try.</p>
  48. <p>The datasource is a simple JavaScript array, provided to the widget using the source-option.</p>
  49. </div><!-- End demo-description -->


 
Merci beaucoup  :jap:


Message édité par Dawa le 19-07-2011 à 08:32:56

---------------
SHOOT ME AGAIN WEBZINE
Reply

Marsh Posté le 19-07-2011 à 08:31:31   

Reply

Marsh Posté le 19-07-2011 à 08:58:24    

ce serait peut etre pas mal de charger jquery.js et jquery.autocomplete.js


---------------

Reply

Marsh Posté le 19-07-2011 à 13:08:01    

Ah oui, ça a du sens. J'avais lu le truc en diagonale.
 
Merci !

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed