Text Suggestions using JQuery

Fri Jan 11, 2013 1:03 am

Text Suggestions with JQuery
javascript code

<html>
<head>
<title>Text Suggestions using JQuery</title>
 
<!--
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
 Note you can download the JQuery package instead of using Google version. --> 
<script src="jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />	
<script>
  $(function() {
    var availableTags = [
      "Add",
      "Appeal",
      "Accept",
      "Block",
      "Cancel",
      "Clear",
      "Clean",
      "Close",
      "Eat",
      "Earn",
      "Fight",
      "Fill",
      "Go",
      "Hate",
      "Jump",
      "List",
      "Put",
      "Play",
      "Run",
      "Sleep",
      "Shot",
      "Swim"
    ];
    $( "#Suggestions" ).autocomplete({
      source: availableTags
    });
  });
  </script>
</head>
<body>
 
<div style="background-color:#F44444;color:#FFFFFF;">
  <label for="Suggestions">Write a verb: </label>
  <input id="Suggestions" />
</div>
 
 
</body>
</html>

Text Suggestions using JQuery

Text Suggestions using JQuery

Topic Tags