disappear div after postback?

Question

1.00/5 (1 vote)

See more:

Hi,

show a panel using the jquery by click the below link

ASP

<a class="flip1" href="#" title="Comment" style="color:#CEF"><img src="/image/history-button.gif"/></a>

the jquery as below,

JavaScript

$(document).ready(function () {
                 $(".flip1").click(function () {
                     $("#panel").slideToggle("slow");
                 });
             });

My problem is disappear the div when click other button inside a update panel.

how to avoid this?

[Edit]Code block added[/Edit]

Posted 21-Feb-13 22:48pm

hasbina

Updated 3-Sep-17 17:46pm

Thomas Daniels

v2

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

_Amy · Answer 1 · 2013-02-21T23:14:00

Yes, it'll disappear.

As I can see onclick flip1 of flip control you are showing the panel. when entire page will be posted back to the server, it'll recreate it's shape. To avoid that you should use Update Panel[^] for the partial update/rendering of the page.
OR
A .NET button causes a postback to the server which reconstructs the entire page and sends it back to the browser. Since the open method is called clientside, the change is not registered in the viewstate of the page. If you want to have it remember if it was open or closed across postbacks, use a hidden field in the page. When you open the dialog with jQuery, set the value of the hidden field (must be runat="server" hidden field).
Add a handler to the load event of the page (client-side) that checks the value of the hidden field and shows the dialog if the value is correct.
Original Source here[^].

--Amit

vinodkumarnie · Answer 2 · 2013-02-23T00:31:00

Important thing you should know while using Jquery is PostBack property
When postback occurse JQuery code will get its original values..
So you should prevent postback to see the functionality of it..

ASP.NET

<asp:button id="Button1" runat="server" text="Button" xmlns:asp="#unknown" />

JQuery code below..

JavaScript

$(document).ready(function () {
             $(".flip1").click(function () 
             {
                        $("#panel").slideToggle("slow");
              });
            $("#Button1").click(function (e) // button inside update panel
              {
                 e.preventDefault();
                });
 
   });

Where e.preventDefault() will avoid paostback.. So when you are using buttons use e.preventDefault() to prevent postback ( If postback is no necessory )..

disappear div after postback?

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0