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.
Uncaught TypeError: Cannot read property 'style' of null.i don't want a user to see these javascript errors in browsers console
View 1 RepliesEnvironment 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 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]....
I've had an issue with a javascript menu not working inside an Ajax update panel after the ajax postback. I was able to solve this in IE by calling the menu js function with a pageLoad() function which is automatically called by ajax. However I then discovered it doesn't work in any other browser.
Having search around I've only found two references to the issue; one where someone else has found the same thing and another where someone states that pageLoad isn't stable in other browsers.
Is there any way to solve this issue in browsers other than IE?
I have three reorder lists on a page, one does not want to work. It is no different to the others, but is behaving like it is not enabled.All working fine in IE 7 + 8.
View 1 RepliesIn 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 the following controller:
using System;
using System.Collections.Generic;
using System.Linq; [code]....
When I click the action link in IE the controller code runs but the div is NOT updated. Do it in ANY other browser and it works just fine. Is this (yet another) known problem/bug with IE??
i 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 RepliesI have a GridView that is inside a Web User Control, that is inside an ASPX Page, that is wrapped by the Master Page.
Inside a GridView, I have a template field with DateTime type that has a TextBox inside EditTemplate. I extended this TextBox with CalendarExtender and it works ok in Internet Explorer.
I also have a DetailsView control on the same WebControl that I use to Insert new enrty. InsertTemplate for this field is the same as in GridView (Textbox with Calendar extender).
The problem occures when i click on the Edit link (or try click on the link that displays DetailsView in Insert mode for adding new entry) in any other browser: Chrome, Firefox, Opera.
The problem itself is that the calendar extender does not get poped out. I have a UpdateProgress Control on an ASPX page, that thie control is loaded into, that shows loading image while page is being posted back asynchronously.
In internet explorer the loading image is shown for jst a moment and then dissapears. Calendar extenders works perfectly.
As for the other browsers, the loader does not dissapear and none of ths postback links are working, as if it was waiting for the previous postback event or something else to finish. Finally I have to reload the page to get to the inicial stage or click a direct URL link to get somewhere else.
this code does not work in any other browser other than Internet Explorer, I could tell that happens, I've seen that in MVC2 was a known bug, I thought I updated to MVC 3 this was corrected, but still the same.The problem itself is that it shows as null ActionResult and I have no idea how to detect, the code I use is:
<% using (Ajax.BeginForm("CmdApply", new AjaxOptions { HttpMethod = "Post", UpdateTargetId = "RenderPartialId", Confirm = "Seguro de continuar", OnComplete = "showCurrentPage", OnBegin = "ShowBeginSearch", OnSuccess = "CloseDialogSearch" }))
{%>
<input id="GoPageSubmit" type="submit" name="GoPageSubmit" value="<%=Resources.s2olMVC.Search_GoPageTitle %>" />
<input id="SubmitNext" type="submit" name="SubmitNext" value=">"/>
<input id="SubmitNextLast" type="submit" name="SubmitNextLast" value=">>" />
<%}
%>
In ActionResult, the two n submit it recognizes, as if none, shown in Null There is another way to implement this type of submit? In Internet Explorer everything works fine.
We 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 ?
