Sliding Down a div tag

Question

4.00/5 (2 votes)

See more:

Hi everyone ,
Now I'm creating a website in ASP.Net with framework 4.0 . I have to slide down a div when I click a asp:Button , i wrote script as

JavaScript

<script type="text/javascript">
    $(document).ready(function () {
        $('#<%= Button1.ClientID %>').click(function () {
            $('div#content').show('slow');
        }
        );
    });
   </script>

and button is created as

ASP.NET

<asp:Button id="Button1" runat="server" text="Button" style ="width :auto" />

and the div is

HTML

<div id ="content" style ="display :none "  > this is a div</div>

The problem is after clicking the button the div shows and hides automatically. But when i use the button as

ASP.NET

<input type ="button"  id="Button1"  runat="server" text="Button" style ="width :auto" />

then it works properly ... I dont understand what is happening .. Please solve my problem

Thank you all

Posted 9-Aug-12 18:37pm

Geo Jackson

Updated 9-Aug-12 21:34pm

v3

Add a Solution

Comments

Sandeep Mewara 10-Aug-12 1:09am

What do you see in View Source for first case? I believe the HTML equivalent will be the same.

Geo Jackson 10-Aug-12 1:44am

I need to write some code in CS for the Button1

Abdul Quader Mamun 10-Aug-12 5:15am

where is you complete code?

Volynsky Alex 10-Aug-12 5:52am

Good question!

3 solutions

Solution 2

hiih dude

if you observe your page source you will see that

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

is Equivalent to

<input type="submit" name="Button1" value="Button" id="Button1" />

which is different than

<input type ="button" id="Button1" runat="server" text="Button" style ="width :auto" />

Posted 9-Aug-12 23:50pm

Ganesh Nikam

Comments

Geo Jackson 10-Aug-12 6:25am

is it possible to write csharp code for the button <input type="submit" name="Button1" value="Button" id="Button1" />

Ganesh Nikam 10-Aug-12 7:47am

yes when you added id and runat attribute it will be server side control

Geo Jackson 10-Aug-12 8:05am

ok then when i click which code executes first

Ganesh Nikam 10-Aug-12 8:37am

obvious client side

Solution 3

see the below sigle line code for your que..

VB

<div id="content"> this is a div</div>

<input type ="button"  id="Button1"  runat="server" text="Button" onclick="  $('#content').slideDown(100);" />

Posted 9-Aug-12 23:59pm

ssd_coolguy

Comments

Geo Jackson 10-Aug-12 6:15am

thanks but i need a asp:Button

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)

pradiprenushe · Accepted Answer · 2012-08-09T22:59:00

Solution 1

This behavior is correct.

When you use asp.net button it makes postback so your div get hided though you dont add onclick event(server side).
But when you use html button & add attribute runat="server" it will not make postback.

So you should use html button or if you want to add asp.net button then add onclineclick like

C#

<asp:button id="Button1" runat="server" text="Button" onclientclick="return false;" style="width :auto"  />

Add debug point add page load you will get idea.

Posted 9-Aug-12 22:59pm

pradiprenushe

Updated 9-Aug-12 23:06pm

v2

Comments

Geo Jackson 10-Aug-12 5:25am

Thank you so much . It Worked

Geo Jackson 10-Aug-12 5:25am

I got a new problem. After adding a OnClientClick the code in csharp for the button doesnt execute

Volynsky Alex 10-Aug-12 5:48am

Nice answer

pradiprenushe 10-Aug-12 5:56am

Thanks Volynsky Alex