AJAX :: Google Chart With Update Panel Not Working In Firefox But Fine In IE

Mar 17, 2011

I am new to this forums.I am using the Google Chart API to show the chart on the page on the drop down selection. This is working fine in IE but not in firefox 3.6 with update panel. When I remove the update panel then this is working fine in all browsers but if I use update panel on the page then chart is disappering after changing the selection of drop down. It seems that google chart is not compatible with update panel.

My code is something like this. Please suggest where I am doing wrong.

/******************* default.aspx *******************/
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="SAGAdriving_Default2" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", { packages: ["corechart"] });
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Year');
data.addColumn('number', 'Sales');
data.addRows(4);
data.setValue(0, 0, '2004');
data.setValue(0, 1, 2);
data.setValue(1, 0, '2005');
data.setValue(1, 1, 1);
data.setValue(2, 0, '2006');
data.setValue(2, 1, 0);
data.setValue(3, 0, '2007');
data.setValue(3, 1, 10);
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(data, { width: 400, height: 240, title: 'Company Performance', hAxis: { title: 'Year', titleTextStyle: { color: 'red'} }, is3D: true });
}
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdateProgress ID="UpdateProgress1" runat="server">
<ProgressTemplate>
<div style="z-index: 2; vertical-align: middle; position: absolute; left: 450px;
top: 300px;">
<asp:Image ID="Image1" runat="server" ImageUrl="~/Images/ajax-loader.gif" />
</div>
</ProgressTemplate>
</asp:UpdateProgress>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<div>
<asp:DropDownList ID="ddlTime" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddlTime_SelectedIndexChanged">
</asp:DropDownList>
<div id="chart_div">
</div>
</div>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="ddlTime" EventName="SelectedIndexChanged" />
</Triggers>
</asp:UpdatePanel>
</form>
</body>
</html>

/******************* default.aspx.cs *******************/

[Code]....


Note: when I remove update panel from the page then it works fine in both firefox and IE.

View 2 Replies


Similar Messages:

AJAX :: Update Panel Not Working In Firefox

Jan 4, 2010

Environment used : asp.net 2008 webapplication with c#

problem : here is my code :

default.aspx
<form id="form1" runat="server">
<iframe id ="captchaframe" src="test.aspx"></iframe>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Button id="Button1" runat="server" Text="refresh" onclick="Button1_Click"></asp:Button>
</ContentTemplate>
</asp:UpdatePanel>
</form>
default.aspx.cs
protected void Button1_Click(object sender, ImageClickEventArgs e)
{
Session["CaptchaImageText"] = GenerateRandomCode();
StringBuilder sb = new StringBuilder();
sb.AppendLine("$(document).ready(function() {");
sb.AppendLine(@"document.frames['captchaframe'].location.reload(true);");
sb.AppendLine(" });");
ScriptManager requestSM = ScriptManager.GetCurrent(this);
if (requestSM != null && requestSM.IsInAsyncPostBack)
{
ScriptManager.RegisterClientScriptBlock(this,
typeof(Page),
Guid.NewGuid().ToString(),
sb.ToString(),
true);
}
else
{
ClientScript.RegisterClientScriptBlock(typeof(Page),
Guid.NewGuid().ToString(),
sb.ToString(),
true);
}
}

I want to just refresh the iframe on button click without whole page postback.so i have used update panel for removing postback and easily refresh iframe .I works in IE, but not working in firefox.

View 1 Replies

AJAX :: Drag And Drop Is Not Working In Chrome And Safari But It Is Working Fine IE And Firefox

Nov 19, 2010

After the implementation of ajax drag and drop, we have observed that which is working fine in IE and Firefox and not in chrome and safari, In Google chrome and Safari when we try to drag a module, the page getting scrolling to the top of the page.

View 1 Replies

Web Forms :: Created Java Script Calendar Working Fine In Ie6 But Not Working In Firefox

Aug 13, 2010

I created a one Java script calender. Its working fine in ie6 but its not working in firefox. I'm new to this java script so kindly give your suggestion as soon as possible.

Page
Language="C#"
AutoEventWireup="true"
CodeFile="Default.aspx.cs"
Inherits="_Default" %>@
Register
Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
Namespace="System.Web.UI"
TagPrefix="asp" %>
DOCTYPE
html
PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN".......................

View 1 Replies

Visual Studio :: Javascript Debugger Is Not Working On Mozilla Firefox But Working Fine On IE8?

Jan 15, 2011

I am using vs2008 pro. my problem is that javascript debugger is not working on mozila firefox but working fine on IE8.

View 1 Replies

AJAX :: Update The Chart Using An Update Panel And Timer In Javascript

May 17, 2010

i am attempting to use javascript to update the chart, because how i have setup now causes the chart to just disappear. Here is the code i have now: I am calling the chart to page using: on default.aspx

[Code]....

Code on the dataURL_Infrasturcture_Capacity.aspx page:

[Code]....

PROBLEM: So how would i update this using an update panel and timer. Currently when i do it the chart just disappears on update. I believethis is due to the fact that i am calling a dataURL. How would i get this to work javascript?

View 2 Replies

AJAX :: Update Panel Refreshing In Firefox 3.6?

Mar 4, 2010

I am having this update panel page refresh problem with Firefox 3.6, not sure if anybody else has seen it.

It happens to me on pages with multiple ASP update panels. For example, I have two dropdownlists nested inside one of the update panels, and those dropdownlists do allow AutoPostback. For whatever reasons, it triggers other update panels to refresh even though it shouldn't. It only happened in Firefox 3.6, I haven't seen it in Firefox 3.5.x or Chrome or even IE 8.

View 3 Replies

AJAX :: Update Progress Working Fine On Local System But Not On Web Server

Mar 18, 2010

Ajax I have used update progress. its working fine on local system, but not on web server. Actually pagepostbacks.on server there is IIS7.

View 5 Replies

AJAX :: Update Panel And JavaScript In FireFox/Chrome

Jun 10, 2010

I have below code in my ASP.NET AJAX Update Panel named "uPanel1"

Its showing popup message.

string strscript = "alert('MESSAGE GOES HERE');";
System.Web.UI.ScriptManager.RegisterClientScriptBlock(uPanel1, Page.GetType(), "strscript", strscript, true);

But does not work all the times in FireFox and Chrome.

View 2 Replies

C# - Form Submit Not Working In Firefox But Works Fine In IE?

May 28, 2010

I want to submit my parent page when I click on submit button of the child page. In my child page I've written my code as

[code]....

it is working fine in IE but not working in Firefox. What could be the alternate method for this?

View 1 Replies

Ajax Update Panel Refresh And Dropdown Behaviour In Firefox

Sep 30, 2010

I have found an odd bug in my application. I have a dropdown status which is bound to my gridview. On selecting a status from the dropdown the selectedindex then fires and binds the results to the gridview.Now the strange behaviour in firefox and not IE:If I have a dropdown open and an ajax update fires on my gridview the option is selected from the dropdown (just by hovering my mouse over it rather than selecting it) and the results bound to the gridview. This does not happen in ie as you should have to physically select an item from the dropdown rather than firefox selecting it for you because you happened to hover over an option when the update event fires.

View 4 Replies

AJAX :: How To Hide Update Panel And JavaScript Errors From FireFox Console

May 7, 2015

Uncaught TypeError: Cannot read property 'style' of null.i don't want a user to see these javascript errors in browsers console

View 1 Replies

Web Forms :: SiteMapPath Not Working On Firefox / Chrome And Safari Works Fine On IE

Jun 6, 2012

SiteMap is not clickable on Firefox,Chrome and Safari But works perfecly fine on IE..Here is the code;

div.logintext {
position: relative;
top: 25%;
display: table-cell;
vertical-align: middle;
text-align: left;

[code]...

View 1 Replies

AJAX :: Update Panel - Asp Panel Not Working Properly

Jun 8, 2010

I'm new to the world of Update Panels and i'm having a hard time figuring out how to use them properly.

I have a form that has a table(TABLE1)...and inside TABLE1 i am linking to a sql data source....at the bottom of the table i have a 'Add' button.

When the user clicks the add button...a modal popup appears (POPUP1) and inside the POPUP1 the user can click a link that can add a user...when the link button is clicked...a panel within POPUP1 is set to visible = true.

I have one update panel around the whole table and the add button...when i click add and then click the link to add a user....the modal popup disappears.

View 2 Replies

AJAX :: Load MS Chart Every Time When Page Loads Or Button Clicks In Update Panel

Mar 7, 2011

I have 2-3 update panel in my page and i don't want to load chart every time when my page loads or button clicks etc. I put that in update panel with triggers means only some clicks should loads chart. but that chart gets loaded everytime. how to stop that from loading

View 2 Replies

JQuery :: Image Button Not Giving Postback In Google Chrome, Same Code Is Working Fine For IE8

Jul 6, 2010

Image button not giving postback in Google Crome, The same code is working fine for IE8 and Firefox 3.6.6

<asp:ImageButton ID="btnlogin" runat="server" ImageUrl="~/images/log.jpg"
onclick="btnlogin_Click" OnClientClick="return confirmAction(this)" />

View 4 Replies

Popup Window Is Not Working In Firefox And Google Chrome?

Jan 27, 2010

I want to open a popupwindow (with close button only) when the user clicks a button and the parent window should be disabled until the popup window closed. For that I'm using the following code

function popup_window(url) {
popupwin = window.showModalDialog(url,null,'height=20,width=150,status=no,resizable=no,scrollbars=no,toolbar=no,location=no,menubar=no');
}

Anyhow, this code is working perfectly in IE. But, I hav two problems. In firefox, it is not opening with the size I've mentioned in the script. It is opening in full size. And In Google Chrome, parent window is not getting disabled.

View 1 Replies

AJAX :: Update Panel Not Working

Nov 23, 2010

[Code]....

View 6 Replies

AJAX :: FileUpload Is Not Working In Update Panel

Feb 12, 2011

I am facing a problem in FileUpload controls that is available inside update panel along with CalendarExtender.

Now When I click on submit button after browse a file it is returning null fileobject value in codebehind page.

[Code]....

I dont know what is the reason behind of this problem, can you let me know what is the cause and probable solution for this.

View 2 Replies

AJAX :: Update Panel Within Tab Container Not Working?

May 19, 2010

I have a problem doing a partial page post back with an update panel within a tab container.

I am adding the control programmatically as follows

[Code]....

The controls are added to the tab container but the button now causes a full page postback. The button_click event is no longer called. Is there something I am missing here.

View 4 Replies

AJAX :: JavaScript Is Not Working In Update Panel?

May 28, 2010

I have one asp.net content page and calling .js file in that content page <asp:ImageButton> onclient click event. but it is not all calling .js file

View 3 Replies

AJAX :: Update Panel Flicker And Not Working?

Oct 13, 2010

I want to create a searching work to fill the gridview detail acc to seach params.. When we enter text into search textbox it fills the grid, that works filne without postback. After this i have to fill the form values accroding to link clicked in Gridview. I uses the updatapanel in grid like

[Code]....

When the grid fills it doesnt fill my form... why it happens.. i used the Updatapanels multiple as well.. If i use the Updatepanel in whole.. it may flicker while filling in the form values.

View 2 Replies

AJAX :: Update Panel Not Working In Live?

Sep 29, 2010

I have a button that updates a datagrid that is in an update panel and everything works swimmingly in the dev area but when i publish it it just doesnt work.

appart from that everything else on the page works as normal

View 2 Replies

AJAX :: Treeview In Update Panel Is Not Working?

Jun 15, 2010

I am having a treeview in Masterpage,all tree items are associated with different page,when i click on any of the tree item,i the respective page should be displayed in the ContentPlaceHolder of the masterpage without postback,

i kept the treeview and the contentplaceholder in the updatepanel,still it is not working,means entire page is posting back to server

Here is my code

<form id="form1" runat="server">
<div>
<table>
<tr>
<td valign="top">

[Code]....

View 1 Replies

AJAX :: Update Panel Not Working With URL Routing

May 7, 2015

I want to implement casceding dropdown and for that i have used update panel.

But when I am using RouteTable.Routes.MapPageRoute in  Application_Start(), Ajax Method not working.

It refreshes the page..

void Application_Start(object sender, EventArgs e) {
RegisterRoute(RouteTable.Routes);
}
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">

[Code] ....

View 1 Replies







Copyrights 2005-15 www.BigResource.com, All rights reserved