ASP.NET

<ajaxToolkit:CalendarExtender ID="clnSalaryMonth" runat="server" TargetControlID="txtSalaryMonth" Format="Y" BehaviorID="calendar1" 
PopupButtonID="imgSalarymonth"  OnClientShown="onCalendarSalShown" OnClientHidden="onCalendarSalHidden" />

function onCalendarSalShown()
{
    var cal = $find("calendar1");
    //Setting the default mode to month
    cal._switchMode("months", true);
    //Iterate every month Item and attach click event to it
    if (cal._monthsBody)
    {
        for (var i = 0; i < cal._monthsBody.rows.length; i++)
        {
            var row = cal._monthsBody.rows[i];
            for (var j = 0; j < row.cells.length; j++)
            {
                Sys.UI.DomEvent.addHandler(row.cells[j].firstChild, "click", callSal);
            }
        }
    }
}

function onCalendarSalHidden()
 {
    var cal = $find("calendar1");
    //Iterate every month Item and remove click event from it
    if (cal._monthsBody)
    {
        for (var i = 0; i < cal._monthsBody.rows.length; i++)
        {
            var row = cal._monthsBody.rows[i];
            for (var j = 0; j < row.cells.length; j++)
            {
                Sys.UI.DomEvent.removeHandler(row.cells[j].firstChild, "click", callSal);
            }
        }
    }
}

function callSal(eventElement)
{
    var target = eventElement.target;
    switch (target.mode)
    {
        case "month":
            var cal = $find("calendar1");
            cal._visibleDate = target.date;
            cal.set_selectedDate(target.date);
            cal._switchMonth(target.date);
            cal._blur.post(true);
            cal.raiseDateSelectionChanged();
            break;
    }
}

Response.Redirect("~/Detail.aspx");

Response.Redirect("~/Detail.aspx", false);

Response.Redirect("~/Detail.aspx"); 

Hi

I've created a Bubble chart using Google Chart. When user clicks on a bubble I call __doPostBack() function using javaScript to post-back the selected value to the server. Here is an excerpt from  my code:

// Instantiate the visualization (BubbleChart) in a div element
            chart = new google.visualization.BubbleChart(document.getElementById('chart_div'));

            // The event handler, selectHandler(), calls the chart's getSelection() method
            function selectHandler()
            {
                var selectedItem = chart.getSelection()[0];
                if (selectedItem)
                {
                    var value = selectedItem.row; //, selectedItem.column);
                    document.getElementById('txtDistance').value = 'You have selected ' + data.D[value].c[0].v;
                    __doPostBack('txtDistance','');
                 }
                var selection = chart.getSelection();
            }

            // Listen for the 'select' event, and call my function selectHandler() when
            // the user selects something on the chart.
            google.visualization.events.addListener(chart, 'select', selectHandler);

As you can see that the javascript is assigning a value to the the TextBox 'txtDistance' (the TextBox 'txtDistance' has an  associated TextChanged event) and calling the __doPostBack function to trigger the event procedure 'txtDistance_TextChanged()'

Everything works fine until I add an AJAX ScriptManager ( <asp:ScriptManager ID="ScriptManager1" runat="server" />) in the form.

Can anyone explain why is this happening please?