How to show div before loding its content?

Hi, please look first at the code below to understand my case. I want to make the dvEditor visible before loading txtContent with data. the problem that I'm facing is that this div does not show until the txtContent completely loded with data so if the data is huge the dvEditor take too much time to appear, what I'm looking for is to show the div first then set txtContent with the data.
Any ideas?
<asp:UpdatePanel ID="updpnlEditor" runat="server" UpdateMode="Conditional">
             <ContentTemplate>
                <div id="dvEditor" runat="server" visible="false" style="border:2px solid #fff; position:absolute; top:100px; right:400px; padding-left:70px; width:800px;Height:300px">
                                  
	            <table  bgcolor="#FCFCFC" style="width:100%; border:2px solid #fff"  >
                    <tr><td colspan="2"></td></tr>
                    <tr>
                    <td>
                        <asp:TextBox runat="server" ID="txtContent" TextMode="Multiline" Width="100%"  Height="300px">
                        </asp:TextBox>
                    </td>
                    </tr>
                    <tr>
                    <td colspan="2">
                    </td>
                    </tr>
                    <tr><td colspan="2">
                    </td></tr>
                    <tr>
                        <td>
                        </td>
                    </tr>
                    </table>                    
                </div>
 
              </ContentTemplate>
       </asp:UpdatePanel>
 
 
 
Server side code in page onload function:
 
 
  dvEditor.Visible = True
  Session("CurrentFile") = eventArgt
  txtContent.Text = retrieveData()
  updpnlEditor.Update()

Open in new window

LVL 3
Abdu_AllahAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

jinn_hnnlCommented:
In your scenarios, The page is loaded with the data of that textbox is loaded, so no way you can do that normally.

What you can do is, dont load the txtContent data as your page is loaded. Just load a normal page, then use javascript function to trigger the updatepanel to update

A simple way of refreshing an UpdatePanel using JavaScript is to add a HiddenField to the page, change its value using JS and then have the HiddenField raise a postback event. The HiddenField causes the UpdatePanel to refresh because it has been declared as a trigger, is a child trigger or because the UpdatePanel.Update() method is called in the HiddenField ValueChanged event handler.

Look at this
http://weblogs.asp.net/rajbk/archive/2007/01/21/refresh-updatepanel-via-javascript.aspx

JINN
0
Abdu_AllahAuthor Commented:
>What you can do is, dont load the txtContent data as your page is loaded.
This is not possible in my case because txtContent wil be loaded from multiple links not just from one.
0
jinn_hnnlCommented:
yeah, but it doesn't matter, because it should be logically act the same way.

put this part in the function let name it LoadTextData()
txtContent.Text = retrieveData()
updpnlEditor.Update()

You have a hidden field in your aspx page, which have autoPostBack. On Page Load you dont call this function, but as soon as the page is render to the client, javascript will cause the value of the hidden to change and thus cause the UpdatePanel to postback

Then you Call this LoadTextData on that change event (I dont remember exactly). So basically, you dont load on serverside, the page is render to the client, then from client javascript cause the UpdatePanel to update and Load the textfield

That the idea you can apply.

JINN


0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Cloud Class® Course: CompTIA Healthcare IT Tech

This course will help prep you to earn the CompTIA Healthcare IT Technician certification showing that you have the knowledge and skills needed to succeed in installing, managing, and troubleshooting IT systems in medical and clinical settings.

Abdu_AllahAuthor Commented:
I get your point but I have a problem in applying it, how about a little source code?
0
jinn_hnnlCommented:
I am out of office right now, I'll be back to you asap.

JINN
0
prairiedogCommented:
The AJAX UpdateProgress is ideal for a long process of loading data.
0
Abdu_AllahAuthor Commented:
jinn_hnnl I did as you suggest but its useless the div will not appear until txtContent completely loded with data.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
ASP.NET

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.