AJAX :: How To Hide Update Panel And JavaScript Errors From FireFox Console
May 7, 2015Uncaught TypeError: Cannot read property 'style' of null.i don't want a user to see these javascript errors in browsers console
View 1 RepliesUncaught TypeError: Cannot read property 'style' of null.i don't want a user to see these javascript errors in browsers console
View 1 RepliesI 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.
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.
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.
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 RepliesI 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.
I am perform some action in update panel and there is a button to perform that action after perform that action, I want to show a button which is out side of update panel.
View 1 Repliesi 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?
I have the following function that is trigered from an asp dropdownlist when an item is selected.
[code]....
The script sets a url depending on the selection from the dropdownlist.
It all works ok, but then the update panel updates and the javascript photogallary breaks.
How do I prevent this from happening.
i have update panel which has button inside
so when i click button, the update panel refreshed auto.
the problem is i want to fire java script when i press the button
[Code]....
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 Repliesi am using an update panel inside this i am using a jquery image upload which works fine outside an update panel, but when inside i think the javascript is not instalising. i have tried using RegisterClientScriptBlock without success.
the javascript is belo, because its a document.ready how can i make sure this is not lost in a update panel?
$(document).ready(function() {
/* example 1 */
var button = $('#button1'), interval;
new AjaxUpload(button, {
[Code]....
In one of my webpage, I have a parent window where i have a datalist with 10 rows of images. when i click any image a pop up window(child window) opens.
The child window has a form to be filled by user. Once user fills this form, he will press the save button. Once the save button is clicked, the child window should be closed and the datalist(in the update panel) in the parent window should be refreshed.
This is how I am trying to achieve this. On click of the save button a javascript function is being called of the parent window like this: window.opener.refreshDataList();
in the refreshDataList() function I have written the following code:
{
childWindow.close();
__doPostBack('ctl00_ContentPlaceHolder1_UpdatePanel1', '');
}
This works like a charm in Internet Explorer. However in Mozilla and Chrome it doesnt work. While testing this I added an alert statement ind the refreshDataList() function like this..
{
childWindow.close();
alert("Testing");
__doPostBack('ctl00_ContentPlaceHolder1_UpdatePanel1', '');
}
Once I added the alert statement, It started working in both mozilla and chrome.
So I realize that It could be an issue related to focus. I have done window.focus()
but still its not recieving any focus and not working in Mozilla and Chrome.
The code which shown above where the problem is javascript have not function which the certain command trigger and involved for the outer javascript which called from the ajax's update panel web control.
How to allow the javascript can be run where it's call from inner update panel, for now its will cause the errors one the update panel's web control call the outside JS/countdown.js file as well....
i have an issue running JavaScript inside an updatepanel,
i'm using a script as follows:
[Code]....
and each time the update panel updates i load a new variables for the FlashFileName to display a different movie.
outside an update panel this works, but inside the script doesn't run, i have read on other posts that there is an issue with running javascript inside an updatepanel.
Im having a aspx page which has 5 tabs inside a update panel..also I have a user control
Wen I click each tab im dynamically loading dat user control ...
The problem is im using javascript in dat user control..
the user control has a button which displays a panel containing three grid views n s activated by a java script as given below..
function Elig()
{
$(document.getElementById(
'<%=btnLegend.ClientID %>')).click(function(){
$(document.getElementById(
('<%=pBody.ClientID %>')).slideToggle('slow');
});
}
Wen i run the aspx page the first tab successfully loaded with dat user control n also the java script is working..wen I click the next tab user control is loading
But dat java script is not working..
i know the problem is after partial postback of update panel my js s not working..
i have tried registering like this..
private
void
RegisterJavascript()
{
ClientScriptManager
scriptManager = Page.ClientScript;
if (!scriptManager.IsClientScriptBlockRegistered(this.GetType(),
"Elig"
))
{
StringBuilder scriptBlock =
new
StringBuilder
();
scriptBlock.AppendLine(
"Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(Elig);"
);
scriptManager.RegisterStartupScript(
this.GetType(),
"Elig", scriptBlock.ToString(),
true
);
still its not working..
how to fire javascript function with update panel e.g is like i pur my registration code in update panel and after submit button click i.e filling all registration information i want to show message that ur successfully register(Javascript) may i know how to fire javascript
View 2 RepliesI got XYZ page which got few divs inside of himin 1 of the divs there in an updatepaneland in another there are buttons which being inserted into the page using javascriptWhat I want to do is once a button is clicked, it would invoke a method using javascript in the server which would update the updatepanel
View 2 Repliesi have a user control in which the cancel reset button clicks will call a javascript. this works fine when the user control is used normally...
if the usercontrol is put inside an update panel. the javascripts throw an error. "Object Excpected."
I have multiple update panels in a page. how I can know which update panel caused partial page updation on client side before page is partially updated?
View 3 RepliesWe have two update panels on our webpage. Now first update panel is having button cancel. While second update panel is having a file upload control.
Now if the user uploads a file that is going to upload in about 2 mins, and in between, say after 30 seconds the user clicks the cancel button, the upload taking place in update panel 2 should stop.
How do we achieve this ?
I have a radioButtonList with 2 items in it. A radiobutton with a "Yes" value and a radionButton with a "No" value.Below that I have a panel which I want made visible when "Yes" radioButton is selected and hidden when "No" is selected. I had originally implemented this using the AutoPostBack attribute but I want to do it in Javascript so that it doesn't cause a postback. Here's the code.
<asp:RadioButtonList ID="rbl1" runat="server" onClick="changed(this);" >
<asp:ListItem Value="Yes">Yes</asp:ListItem>
<asp:ListItem Value="No">No</asp:ListItem>
<asp:Panel ID="panel1" runat="server">
<--other controls here -->
</asp:Panel>
[code]...
What is the best approach to show and hide an asp panel which is containing other controls like textbox and label controls
View 2 RepliesI have a panel withitn an updatepanel with some buttons.
When one of the buttons is pressed, I'm updating a different update panel.
The problem is that when I click the button, nothing seems to happen.
If I click the button again , then I see the first update. If I click it again, I see the second update and so on..
I am using update panel for particular thing. But I want to hide one tab which is not in content template.
Is there any way? if not then I need to revamp existing code.