ansaurus

Question

jquery autocomplete doesn't work on localhost

Answer 1

+1 A:

First thing to do would be to include the file jquery-1.3.2.min.js into your document before any other script file that uses jquery, unless that's what jquery-latest.js is.

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

You are not getting any javascript errors?

Marco 2009-11-10 09:23:45

hi, I've added the following:<script type="text/javascript" src="../autocomplete/jquery-1.3.2.min.js"></script>still does't work.No, I don't get any javascript errors.

frank2009 2009-11-10 09:34:46

Answer 2

A:

As mentioned, make sure the necessary JavaScript files are loaded. Since you're coding in ASP.NET, you might want to use ResolveUrl to make sure these files are referenced correctly, independent of the requested page's location.

<script src="<%# ResolveUrl("~/autocomplete/jquery-latest.js") %>" type="text/javascript"></script>
<script src="<%# ResolveUrl("~/autocomplete/jquery.autocomplete.js") %>" type="text/javascript"></script>

Mathias Bynens 2009-11-10 11:33:06

thanks for your comment, but it gives me an error.I made it work after many hours testing and searching in Internet

frank2009 2009-11-10 12:37:50

So what was wrong with it? What is the correct code?

Mathias Bynens 2009-11-14 14:07:43

Answer 3

+1 A:

Hi, finally after a lot of testing/searching, I found a solution.

Thanks anyway for your help!

I took out the "../" on all the links:

So: <script src="../autocomplete/jquery.autocomplete.js"></script>

is now: <script src="autocomplete/jquery.autocomplete.js"></script>

So here is all the code (you need the .js and .css files mentioned inside the "autocomplete" directory in order to work)

I hope it helps someone !

By the way, I have a total of 1200 cities in the variable "cities" and the .aspx page is only 20Kb

I also tested using a .csv file to import the data, but it took several seconds to load...having the values within the .aspx page is lightning fast and the page is still quite small (obviously it is not a good idea if you have several thousand values)

       ...
    </style>

        <script src="autocomplete/jquery-1.3.2.min.js" type="text/javascript"></script>
        <script src="autocomplete/jquery.autocomplete.js" type="text/javascript"></script>
        <link href="autocomplete/jquery.autocomplete.css" rel="stylesheet" type="text/css" />

          <script>
              $(document).ready(function() {
                       //  datavalues is the array containing all the options...the .split(","); at the end means each option is separated by a comma,
                       var cities= "Madrid,Paris, Barcelona,Rome,London".split(",");
                       $("#txtfromcity").autocomplete(cities);
                       $("#txttocity").autocomplete(cities);
                  });
          </script>
</head>

<body>


<form id="form1" runat="server" enableviewstate="False" autocomplete="True">
 POL
 <asp:TextBox id="txtfromcity" runat="server"></asp:TextBox>
&nbsp; POD&nbsp;
 <asp:TextBox id="txttocity" runat="server"></asp:TextBox>
&nbsp;
 <asp:Button id="Button1" runat="server" Text="Button" />
...

frank2009 2009-11-10 13:06:11

ansaurus

tags:

views:

answers:

jquery autocomplete doesn't work on localhost

related questions