.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
Sign In
Win Surprise Gifts!!!

Top 5 Contributors of the Month
david stephan
Gaurav Pal
Post New Web Links

Ajax AutoCompleteExtender displaying incorrectly or causing javascript errors

Posted By:      Posted Date: September 23, 2010    Points: 0   Category :ASP.Net

I have an autocomplete extender working well with IE and Firefox but it is either displaying incorrectly or causing the error below in Chrome and Safari.

Displaying incorrectly: At times the autocomplete list appears in the lower right corner of the browser.  It still works at this point though.

Error: The list stops appearing along with the halting of all of the JavaScript on the page.  I captured the error (see below).  In order to get the page to operate correctly again, I have to refresh the page.

Things to note:

  • There are two autocomplete extenders on two separate textboxes both of which trigger an asynchronous post-back that updates the value of the other (to ensure the data is correct according to the database).
  • These are both located in an update panel that triggers the a-post-back.
  • I have customized the CSS but when I set the CSS back to the defaults for AjaxControlToolkit there was no change to the behavior described above.

Thank you in advance for your help!


Uncaught TypeError: Cannot call method 'show' of null


View Complete Post

More Related Resource Links

Ajax Enabled Gridview using JavaScript in ASP.NET

Before explaining the article, I would like to thank all readers who read my article and voted for it. Your appreciation for my article gives me strength to write more good articles. Hope in future I will get your valuable comments and suggestions. Now I won't waste your time and come back to the topic. I have written this article on 'Ajax Enabled Gridview Using JavaScript in ASP.NET'. In this article, I will show you how to make a Gridview using a simple HTML table, JavaScript and XML HTTP for Ajax call without using any ASP.NET control.

Using Code

GridView Javascript Click Row and Ajax

This article shows 2 common tasks with the ASP.NET GridView: Binding a List (generic) of objects as DataSource and on clicking a row, getting the values of the selected row by a javascript function. In the example a List with User-objects is displayed. On clicking a row containing the data of a User-object, the Id of the object is used to get the address of the user by an Ajax-call and display it in a details-field.

ASP.NET Proxy Page - Used for Cross Domain Requests from AJAX and JavaScript

The article ASP.NET Proxy Page - Used for Cross Domain Requests from AJAX and JavaScript was added by Aamir Hasan on Thursday, August 19, 2010.

One of the pain points with developing AJAX, JavaScript, JQuery, and other client-side behaviors is that JavaScript doesn't allow for cross domain request for pulling content. For example, JavaScript code on www.johnchapman.name could not pull content

Think that there is actually errors in ajax toolkit for 2.0 framework...hmm


Im using VS2008, asp.net C# 2.0.


Recently i tryed to correct some stuff on my page and i had a friend to take a look at the stuff...


What i did was that i have Examples page with code examples. Then accordion panes for each code piece...And syntaxhighlighter for each code piece. The code that i presented is read from the txt files wich makes it easyer for me to put new examples on the site...

But the problem is now that two of my accordion panes are not working...and everything works in all other browsers this just happens in Internet Explorer. This is kind of weird and my friends explaination was that there is actually errors in the ajax toolkit dll.


Im using the latest version of ajax toolkit for framework 2.0 wich is 1.0.20229.

My friend said its actually amazing that the toolkit has been out there for that long and it has not been tested that well and that there i still errors in it.


You can test this by your self by doing the exact as i explain:


go here: http://www.simpa.dk/Examples.aspx?cookieCheck=true

click Csharp

and try to open the accordion that is from the bottom 2 or 1 they dont collapse...

but this works in all other browsers then Internet Explore

Using Ajax AutoCompleteExtender on dynamic fields



I have quite a problem with a form that contains an autocomplete function. The page is an aspx page with c# codebehind.

On the form there is an address field that the user can type in any string address. This field is using an Ajax autocomplete extender, which suggests roadnames to the user. This works fine.
Furthermore the user has the option to add multiple address fields when clicking a button. This works fine now with Jquery. Jquery copies the table which contains, besides other fields, the address field, and "paste" it underneath the existing adress field.

Problem is, how do I attach the Ajax autocomplete extender to the address fields that gets added? Or is there another workaround to make all these fields have this autocomplete function?

Here is my simplfied code:

aspx page:

<td width="200">
  <asp:TextBox ID="TextBoxStopRoadName" runat="server" Width="200"></asp:TextBox>
      <asp:AutoCompleteExtender runat="server"

Ajax AutocompleteExtender not working from IIS


I am using  AjaxAutoCompleteExtender  in my asp.net program (C#) . I am applying the extender to a texbox and using internal Web Service. I am getting the desired result, when i am running from the development environment. After Publishing the site to IIS, I am not getting the list and not showing any errors. I have turned off custom errors. My website is not an Ajax Enabled WebSite. So i added the lines into my Web.Config.

I tried all service path.. http://localhost/Test/ WebService.asmx

and i tried ~/Test/WebService.aspx


While testing from the development environment, i am using the last one.

I am not sure whether this is the problem with the service path or any permission issue.



MVC with Javascript/AJAX scenario



I'm a rookie with Javascript/Ajax and I was hoping someone could provide an code example or advice of the following scenario:

1.  User clicks a button on the view

2.  Display a message "Waiting to be processed".  (Currently using Javascript)

3.  Execute the action method to retrieve some data.  (Call made from the Javascript)

4.  Return the same view.

5.  Open up a new browser window with a URL that was obtained from the action method.

How do I open a new browser window automatically after the action method is complete?  I was previously making the following call (Process.Start(http://www.yahoo.com);) in the action method but I'm running into issues with it.  I'd like to use Javascript/Ajax.


If it helps this the javascript code that is run when the button is clicked:

function runReportMessage() {
    document.getElementById("runReport").innerHTML = "Running the report. Please wait";
    document.getElementById("btnRun2").disabled = "

$.ajax post from asp.net page and __viewstate causing call to fail



Now I know that I won't be sending viewstate and eventvalidation in my ajax calls and that I will only want to send the actual form fields for efficiency purposes but I will need to know the answer to this question, to inform the more junior members of the team and my manager, so if anyone has any answers they are most welcome.

I have a simple form as follows

<form id="form1" runat="server"> 
<p>Field1: <

Change active tab in Ajax tab container using javascript

I have been using the ajax tab control. I need to change the active tab index of the tab container through javascript. Can please anyone tell me how can i do it Cheers Sohail Sayed

how to use autocompleteExtender in ASP.net AJAX

In the tutorial for autocomplete text box for static page method in c# the following lines of code is given. When i use it my website using c# it gives error 'invalid term "in" showing in line 7. Why is it so.Plz help me. [System.Web.Services.WebMethodAttribute(), System.Web.Script.Services.ScriptMethodAttribute()]   public static string[] GetCompletionList(string prefixText, int count, string contextKey) {       // Create array of movies       string[] movies = {"Star Wars", "Star Trek", "Superman", "Memento", "Shrek", "Shrek II"};          // Return matching movies       return (from m in movies where m.StartsWith(prefixText,StringComparison.CurrentCultureIgnoreCase) select m).Take(count).ToArray();   } 

Client Javascript runs, but then page errors out when clicking on a control that uses postback

Using this script on a button click <script language="javascript"> function printdiv(printpage) { var headstr = "<html><head><title></title></head><body>"; var footstr = "</body>"; var newstr = document.all.item(printpage).innerHTML; var oldstr = document.body.innerHTML; document.body.innerHTML = headstr + newstr + footstr; window.print(); document.body.innerHTML = oldstr; return false; } </script> After it is done, I can't click on my calendar control.  I was hoping to add somethign that would force a refresh in the script, but nothing I do works. Any thoughts?  Thanks! 

displaying error message - Telerik MVC grid - AJAX mode

I want a common solution for handling error messages ON telerik mvc grid in ajax inline and popup edit modes. I am not talking about error messages that are related to single input field. These are business error messages that come back to grid from DB upon clicking grid edit or insert buttons. I want to dispaly error message and not loose data in input fields, bcaz in some cases we are talking about more than 20 fields. 1) I want to know the best way to handle error messges received from backend while using telerik mvc grid. 2) Is it possbile to display error message in a message dialog box?

Ajax Control Toolkit - ModalPopup displaying behind Flash

HiI have a flash on my page and I need to popup an ajax window, I use ModalPopupExtender. The problem is that ajax popup window always shows behind the flash in Internet explorer and Google Chrome. In firefox there are no such problem.I tried to set wmode="transparent" but id didn't help.Thanks

ASP.NET Ajax client-side framework failed to load = No Ribbon :( JS errors on Default and at Central

Looking for suggestions to why my ribbon crashed, and I'm unable to edit or add pages to my SharePoint 2010 Site.  Machine is Win7 Ultimate, IE8, SP2010 beta, VS2010 RC. All 64 Bit.  Was working fine.  Tried repair on the frameworks, after googling.  Cannot find the Geneva bits.  Removed Norton completely to sucessfully go back a couple of restore points and removed KB980182.  Clicked throught the SP configuration manager and all went well.  Definitely logged on as administrator.  IIS settings look good.  Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; OfficeLiveConnector.1.4; OfficeLivePatch.1.3; InfoPath.3; .NET4.0C; .NET4.0E)Timestamp: Sun, 4 Apr 2010 22:21:30 UTC Message: Invalid characterLine: 1Char: 1Code: 0URI: http://starman/ScriptResource.axd?d=Zq0NPA5_FNMrMkj2gVMBkGEJYiejAr4xkOPFxcm9WpzwRnp65ubolTfztiSaY8z2QKXyoZQvaI_7A65C7OJf0Eii_VL61Hoi5B23lMNvWC01&t=ffffffffec2d9970 Message: Invalid characterLine: 1Char: 1Code: 0URI: http://starman/ScriptResource.axd?d=Zq0NPA5_FNMrMkj2gVMBkGEJYiejAr4xkOPFxcm9WpzwRnp65ubolTfztiSaY8z2u8yiDywNtvdUdmHr93TbWc4U0SHQq0pQ3M2FA3FoezpYhgSt6jFnafzRYmCIg8LW0&t=ffffffffec2d9970 Message: ASP.NET Ajax client-side framework failed t

How to access ServerSide control Value in Javascript changed by Ajax

Hello,I have a Textbox whose value is been changed using ServerSide code (AJAX based - Partial postback) and now I want to access that changed value in JavaScript. Please suggest me that how can I access that value.document.getElementByID is displaying old value.Things work fine with full postback but are creating above issue with Partial Postback.Thanks, in Advance....

AJAX AutoCompleteExtender Not Calling WebMethod

I have the correct signature for the web method, and it works fine,  but for some reason it is not being called at all by AutoCompleteExtender<div> <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"> <Services><asp:ServiceReference Path="~/AutoComplete.asmx" /></Services> </asp:ToolkitScriptManager> <asp:TextBox ID="txtUser" runat="server"></asp:TextBox> <asp:AutoCompleteExtender ID="AutoCompleteExtender1" runat="server" TargetControlID="txtUser" ServicePath="~/AutoComplete.asmx" ServiceMethod="GetCompletionList" MinimumPrefixLength="1" EnableCaching="true" UseContextKey="false"> </asp:AutoCompleteExtender> </div>  Imports System.Web.Services Imports System.Web.Services.Protocols Imports System.Web.Script.Services Imports System.ComponentModel Imports System.Data.SqlClient ' To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line. ' <System.Web.Script.Services.ScriptService()> _ <System.Web.Services.WebService(Namespace:="http://tempuri.org/")> _ <System.Web.Services.WebServiceBinding(ConformsTo:=WsiP

ASP.NET AJAX and javascript

I have DropDownList "DropDownList1" that have to items 1-displayTextbox1 that display textbox "TextBox1" using javascripts.2- removeTextbox1  that remove textbox "TextBox1" using javascripts.This javascript function is OnSelectedIndexChange. This function call when the DropDownList1 item change using below code on Page_Load void. protected void Page_Load(object sender, EventArgs e) { DropDownList1.Attributes.Add("onChange", "return OnSelectedIndexChange();"); }   The code of OnSelectedIndexChange is :<script type="text/javascript"> function OnSelectedIndexChange() { var iDDL= document.getElementById("DropDownList1"); var iTextBox1= document.getElementById("TextBox1"); var iDDLSelectedValue = iDDL.options[iDDL.selectedIndex].value; if (iDDLSelectedValue == "displayTextbox1") { iTextBox1.style.display = "block"; } else { iTextBox1.style.display = "none"; } } </script>   Complete code : The asp cage is :<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W
ASP.NetWindows Application  .NET Framework  C#  VB.Net  ADO.Net  
Sql Server  SharePoint  Silverlight  Others  All   

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend