Hi All,

I use the following, which detects updates with my updatepanels, and shows a modalpopup when the postback begins, and closes it when it completes.

<script type="text/javascript" language="javascript">

// register for our events

// show the popup

// hide the popup

//document.getElementById('mdlProgress').hide();

</script>

This has been working fine, and has been live fine. But when I came to use it this morning (after no changes that I can think of), whenever a postback/update occurs, I get a javascript error on $find('mdlProgress').hide();, saying 'null' is null or not a value. It still shows fine before the update/postback though.

I'm a little perplexed as I'm sure I haven't changed anything, and I left it with the boss checking it last night and he didn't report any problems.

Can ANYONE think of ANYTHING that could have caused this?

Thanks,

James.

But it doesn't happen in Firefox!

I've tested under a fresh install VM, and it works under that - but not on my browser on my pc.....

It's not the code...

Could it be a hotfix in .net or something?

How can I find what is blocking it?

And the plot thickens...

This only occurs on one updatepanel. The other update panel works fine.

Both update panels have async postback triggers attached to hidden fields. Both hidden fields have their values changed by JavaScript. Both triggers are set by by doing a postback using __doPostBack from the javascript.

Only one throws the JS error on the .hide() method!

Hi,

You can try to hide the modalpopup in pageLoad event.

function pageLoad()
{
   $find('mdlProgress').hide();
}

So you can check if it can be found in pageLoad with the behavior id.

If it's not worked, please change the bahaviorid and rebuild again.

Hi Vince,

 Thank you for taking the time to reply. Unfortunately, this throws the same error. For that one UpdatePanel, anything that causes the $find('mdlProgress') to fire, comes back saying 'null' is null or not an object.

 It only does it with this one updatepanel, and not the other

Jamie.

Hi,

It's weird. I met this issue some days ago. I suggest you create a new page to build the functionality.

Copy and paste the source code out? or start from scratch? - as my page is HUGE!

Just create a new aspx page and copy the source to it to try it.

I still get the same error, and again,still only on that one update panel.

What is the stucture of this UpdatePanel like? Maybe I can make a sample to try on it.

Vince,

There are two update panels, basically one has "properties" in it (pnlPropsU), and the other contains the "fields" that the properties can be set for (upDesign).

When in use, I click on a field, which triggers the properties of that field to be loaded into pnlPropsU. When I change a value in pnlPropsU, those changes should be reflected in upDesign. Now, all this WORKS, when the modalPopupExtender is turned off, but when it is turned on, it works for when pnlPropsU is doing the async postback, but when upDesign is doing the async postback, it fails on the mdlProgress hide method - as if the modalPopupExtender has been removed entirely during the async postback on that updatepanel.

So my updatepanels are like so:

<div id="properties">

<cc1:CollapsiblePanelExtender ID="cpl3" runat="server" TargetControlID="pnlProps"

CollapsedSize="0"

Collapsed="True"

ExpandControlID="lblProps"

CollapseControlID="lblProps"

TextLabelID="lblProps"

CollapsedText=" Field Properties (Show Details)"

ImageControlID="imgProps"

ExpandedImage="images/collapse.jpg"

CollapsedImage="images/expand.jpg" Enabled="True"

>

</cc1:CollapsiblePanelExtender>

<div id="divPropsHeader" class="cplHeader">

<asp:Image ID="imgProps" runat="server" />

<asp:Label ID="lblProps" runat="server"></asp:Label>

</div>

<asp:Panel runat="server" id="pnlProps" CssClass="cplContent">

<asp:UpdatePanel ID="pnlPropsU" runat="server" UpdateMode="Conditional">

<ContentTemplate>

<cc1:TabContainer ID="tabProps" runat="server" ActiveTabIndex="0" EnableViewState="true" >

<cc1:TabPanel ID="tabPropsSettings" runat="server" HeaderText="Settings">

<HeaderTemplate>

</HeaderTemplate>

<ContentTemplate>

<asp:PlaceHolder ID="pnlUpdateSettingsProps" runat="server">

<div id="pnlUpdateSettingsBlankHolder" runat="server" style="height:250px;vertical-align:middle;text-align:center;">

<p>Please select a field to view its settings</p>

</div>

</asp:PlaceHolder>

<div style="margin-top:15px;"></div>

</ContentTemplate>

</cc1:TabPanel>

<cc1:TabPanel ID="tabPropsStyle" runat="server" HeaderText="Style">

<HeaderTemplate>

</HeaderTemplate>

<ContentTemplate>

<asp:PlaceHolder ID="pnlUpdateStyleProps" runat="server"></asp:PlaceHolder>

<div style="margin-top:15px;"></div>

</ContentTemplate>

</cc1:TabPanel>

</cc1:TabContainer>

<div id="refreshButton">

</div>

</ContentTemplate>

<Triggers>

<asp:AsyncPostBackTrigger ControlID="hdfEditTS" EventName="ValueChanged" />

</Triggers>

</asp:UpdatePanel>

</asp:Panel>

<div id="divPropsFooter" class="cplFooter">

</div>

</div>

</div>

<asp:Panel ID="CssContainer" runat="server">

<asp:UpdatePanel runat="server" ID="upDesign" UpdateMode="Conditional">

<ContentTemplate>

<asp:PlaceHolder runat="server" ID="myPlaceHolder">

</asp:PlaceHolder>

<asp:Literal ID="LitScripts" runat="Server" Enableviewstate="false" Mode="PassThrough">

</asp:Literal>

</ContentTemplate>

<Triggers>

<asp:AsyncPostBackTrigger ControlID="hdfUpdate" EventName="ValueChanged" />

</Triggers>

top:0px;cursor:e-resize;position:absolute;" class="handleRightDA" onmouseover="colourResize(this);" onmouseleave="colourResizeRemove(this);" >

</div>

height:3px;cursor:se-resize;position:absolute;" class="handleCornerDA" onmouseover="colourResize(this);" onmouseleave="colourResizeRemove(this);" >

</div>

left:0px;cursor:s-resize;position:absolute;" class="handleBottomDA" onmouseover="colourResize(this);" onmouseleave="colourResizeRemove(this);">

</div>

</div>

</asp:Panel>

</ContentTemplate>

</cc1:TabPanel>

</cc1:TabContainer>

The update panel is created outside of all of this as follows:

<asp:Panel ID="pnlProgress" runat="server" CssClass="modalPopup" Style="display: none" Width="255px">

<div class="popupControl">

<div align="center">

<p>Updating...</p>

<img src="/images/progress.gif" border="0" alt="Updating..." />

</div>

</div>

</asp:Panel>

TargetControlID="pnlProgress"

PopupControlID="pnlProgress"

BackgroundCssClass="modalBackground"

/>

My code-behind for when the ValueChanged triggers are fired, are as so, they just call other methods that add controls to the placeholders, or set values in textboxes:

document.getElementById("hdfEditID").setAttribute("value",id);

__doPostBack('hdfEditTS','Editing');

Now, this works fine for the modal popup being triggered for the async postback on items loaded into pnlPropsU, but if I try and do it on upDesign, as such:

document.getElementById("hdfUpdate").setAttribute("value",element.id+element.value);

var id = setTimeout(function(){__doPostBack('hdfUpdate','ValueChanged')},1000); //note, I have tried this without the timeout as well, this is just her because on VPN I get DB lag.

As soon as ANYTHING changes in hdfUpdate, i.e. the ValueChanged trigger occurs, the modal popup shows, the database is written to OK, the value in hdfUpdate is written to, but then the modalpopup cannot be found to be removed.

I'm sure I posted it earlier, but I am using the following to register the async events to show/hide the modalpop:

// show the popup

// hide the popup

I have ensured that it's not the code behind that is throwing the problem, as I have commented out everything that it does in the loadProperties, and startRender methods, just to make sure.

If you need any more information -please let me know, and THANKYOU! for your help.

James.

Vince,

I'd been experiecing similar problems as the user in the following post, and thought that the solution i'd suggested to him was correct, after reading around:

http://forums.asp.net/t/1313604.aspx

Following what his solution was, I tried that and it didn't solve this problem. However, I had a look in the database, to see if any weird data was in there, and I found some html in a field that a user had saved. When I removed it from the database, everything started working OK again!!!

For some reason, it was some html markup in the database that when being drawn to the updatepanel was throwing the modalpopup out - I don't understad why or how this would do it, but it seems apparent that it was.... any ideas?

Jamie.

Hi,

If you want to output the html characters from database to the page, you can use Server.HtmlEncode("The characters recieved from database") to transfer it before it is responsed to the page.