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:
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
Nov 23, 2010
[Code]....
View 6 Replies
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
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
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
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
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
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
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