jqueryui: JqueryUI Autocomplete

<!doctype html>
<html lang="en">
   <head>
      <meta charset="utf-8">
      <title>Autocomplete</title>
      <link href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet">
      <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
      <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
      
      <script>
         $(function() {
            var availableTutorials = [
               "ABC",
               "BCD",
               "CDE",
               "DFG",
               "EFG",
               "FGH",
               "GIJ",
               "HIJ",
               "IJK",
               
            ];
            $( "#automplete-6" ).autocomplete({
               source: availableTutorials
            });
            $( "#automplete-6" ).autocomplete("option", "position", { my : "right-10 top+10", at: "right top" }) 
         });
      </script>
   </head>
   <body>
       
      <div class="ui-widget">
  <p>
Type "a" to "i"</p>
<label for="automplete-6">Search: </label>
         <input id="automplete-6">
      </div>
</body>
</html>

Monday, 23 February 2015

JqueryUI Autocomplete

No comments:

Post a Comment