Its pretty hard to read the code, but you need to close your $
(document).ready(function(){
Your code:
<script>
$(document).ready(function(){
var data = [ {text:'Link A', url:'http://www.jquery.com/'},
{text:'Link B', url: 'http://docs.jquery.com/Plugins/
Autocomplete#Search_Page_Replacement'} ];
$("#example").autocomplete(data);
</script>
Correct code:
<script>
$(document).ready(function(){
var data = [ {text:'Link A', url:'http://www.jquery.com/'},
{text:'Link B', url: 'http://docs.jquery.com/Plugins/
Autocomplete#Search_Page_Replacement'} ];
$("#example").autocomplete(data);
}); // <---- THIS IS THE CHANGE
</script>
Try it...
On Jun 12, 4:18 pm, Jaswinder <[EMAIL PROTECTED]> wrote:
> so basically the original code
> athttp://docs.jquery.com/Plugins/Autocomplete#Example
> is
> [code]
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
> "http://www.w3.org/TR/html4/loose.dtd";>
> <html>
> <head>
> <script src="http://code.jquery.com/jquery-latest.js";></script>
> <link rel="stylesheet" href="http://dev.jquery.com/view/trunk/
> plugins/autocomplete/demo/main.css" type="text/css" />
> <link rel="stylesheet" href="http://dev.jquery.com/view/trunk/
> plugins/autocomplete/jquery.autocomplete.css" type="text/css" />
> <script type="text/javascript" src="http://dev.jquery.com/view/trunk/
> plugins/autocomplete/lib/jquery.bgiframe.min.js"></script>
> <script type="text/javascript" src="http://dev.jquery.com/view/trunk/
> plugins/autocomplete/lib/jquery.dimensions.js"></script>
> <script type="text/javascript" src="http://dev.jquery.com/view/trunk/
> plugins/autocomplete/jquery.autocomplete.js"></script>
> <script>
> $(document).ready(function(){
> var data = "Core Selectors Attributes Traversing Manipulation CSS
> Events Effects Ajax Utilities".split(" ");
> $("#example").autocomplete(data);
> });
> </script>
>
> </head>
> <body>
> API Reference: <input id="example" /> (try "C" or "E")
> </body>
> </html>
> [/code]
>
> and then i added the search feature (http://docs.jquery.com/Plugins/
> Autocomplete#Search_Page_Replacement)
> [code]
> var data = [ {text:'Link A', url:'/page1'}, {text:'Link B', url: '/
> page2'} ];
> $("...").autocomplete(data, {
> formatItem: function(item) {
> return item.text;
> }}).result(function(event, item) {
>
> location.href = item.url;});
>
> [/code]
>
> =
>
> [code]
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
> "http://www.w3.org/TR/html4/loose.dtd";>
> <html>
> <head>
> <script src="http://code.jquery.com/jquery-latest.js";></script>
> <link rel="stylesheet" href="http://dev.jquery.com/view/trunk/
> plugins/autocomplete/demo/main.css" type="text/css" />
> <link rel="stylesheet" href="http://dev.jquery.com/view/trunk/
> plugins/autocomplete/jquery.autocomplete.css" type="text/css" />
> <script type="text/javascript" src="http://dev.jquery.com/view/trunk/
> plugins/autocomplete/lib/jquery.bgiframe.min.js"></script>
> <script type="text/javascript" src="http://dev.jquery.com/view/trunk/
> plugins/autocomplete/lib/jquery.dimensions.js"></script>
> <script type="text/javascript" src="http://dev.jquery.com/view/trunk/
> plugins/autocomplete/jquery.autocomplete.js"></script>
> <script>
> $(document).ready(function(){
> var data = [ {text:'Link A', url:'http://www.jquery.com/'},
> {text:'Link B', url: 'http://docs.jquery.com/Plugins/
> Autocomplete#Search_Page_Replacement'} ];
> $("#example").autocomplete(data);
>
> </script>
>
> </head>
> <body>
> API Reference: <input id="example" /> (try "C" or "E")
> </body>
> </html>
> [/code]
>
> but when i type "link" or "jquery" nothing turns up
