how to add div when click on button using jquery ?

Question

3.40/5 (3 votes)

See more:

ASP.NET

Javascript

jQuery

how to add div when click on button using jquery or javascript ?

Posted 24-Feb-14 1:47am

Sai Prasad anumolu

Updated 24-Feb-14 20:38pm

v2

Add a Solution

Comments

Abhishek Pant 25-Feb-14 2:46am

why dont you take that div as a server control if you want to runat at runtime.
<div id="div1" runat="server">
your design code here
</div>

Sai Prasad anumolu 25-Feb-14 2:51am

it is not working abhishek

5 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)

vikrant vaibhav · Answer 1 · 2014-02-25T19:10:00

Solution 4

Add the div and hide it,
once you click the button, unhide the div.

Posted 25-Feb-14 19:10pm

vikrant vaibhav

Rakesh Meel · Answer 2 · 2014-02-24T01:49:00

Solution 1

visit here..

Dynamically add a div using jquery[^]

Posted 24-Feb-14 1:49am

Rakesh Meel

Comments

Sai Prasad anumolu 25-Feb-14 1:40am

It it working?

My Question Is .. I designed
In the Division Like textboxs, Lables and addbutton

When i cliked add button Save the data in database After When i will click add button Same division will be open Other time ....

**VICK** · Answer 3 · 2014-02-25T19:13:00

You can use the following to create a div on runtime using Jquery with an id for further use.

JavaScript

var divNew = $(document.createElement('div')).attr('id', "div1");

$divNew.appendTo(document.body);

Above line will create a div with id= div1 and second line will append it to the document's end.
and you can use it further by referring to its id i.e. div1 .

Hope it will help. :)

Sanket Saxena · Answer 4 · 2014-02-25T02:03:00

Solution 3

Your question is not clear...do you want to open a pop up after saving your data to the database or what kind of division you want to open.

Posted 25-Feb-14 2:03am

Sanket Saxena

Comments

Sai Prasad anumolu 25-Feb-14 8:04am

open another division

Sanket Saxena 25-Feb-14 8:07am

Prasad paste your code with the correct and clear requirement

Sai Prasad anumolu 25-Feb-14 8:09am

Above text add divion
<div>
<asp:Button ID="btnDuplicate" Visible="false" Text="Duplicate" OnClick="btnDuplicate_Click" CssClass="btnCommon" runat="server" />
<asp:Button ID="btnAddAnotherText" Visible="false" Text="Add another Text Add" CssClass="btnCommon" runat="server" />

</div>

Sai Prasad anumolu 25-Feb-14 8:11am

This is code when i click add another text add ..

To display other division

<div id="TextAdds" runat="server" class="TextAdd Border">
<div style="color: #2b2b2b; font-size: 14px;">

Text Ads (Image Formats: Jpeg, Png, Gif) ($1/Text Ad or any equivalent currency)

</div>
<div style="height: auto;">
<div style="clear: both;"></div>
<div>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<contenttemplate>
<div>
<table>
<tr>
<td>
<asp:FileUpload ID="FileTextAddsUpload" runat="server" />
<asp:Button ID="btnTextAddUpload" Text="Upload" OnClick="btnTextAddUpload_Click" CssClass="btnCommon" OnClientClick="ToggleDiv();" runat="server" />
</td>
<td>
<asp:Image ID="ImageTextAdd" CssClass="ImageDisplay" Visible="false" ImageUrl="imageurl" runat="server" /></td>
</tr>

</table>

</div>

<Triggers>
<asp:PostBackTrigger ControlID="btnTextAddUpload" />
</Triggers>

</div>

<div style="clear: both; padding-top: 8px;"></div>
<div>
<asp:TextBox ID="txtEnterChar" placeholder="Enter Text to display (Max Character Length - 160)" MaxLength="160" CssClass="txtMaxChar" runat="server" />

</div>
<div style="clear: both; padding-top: 12px;"></div>
<div>
<asp:Button ID="btnSave" Text="Save" Visible="true" OnClick="btnSave_Click" CssClass="btnCommon" runat="server" />
<asp:Button ID="btnClearEdits" Visible="true" OnClick="btnClearEdits_Click" Text="Clear Fields" CssClass="btnCommon" runat="server" />
<asp:Button ID="btnDelete" Visible="false" OnClick="btnDelete_Click" Text="Delete" CssClass="btnCommon" runat="server" />
<asp:Button ID="btnEdit" Visible="false" OnClick="btnEdit_Click" Text="Edit" CssClass="btnCommon" runat="server" />

<asp:Button ID="btnUpdate" Visible="false" Text="Update" OnClick="btnUpdate_Click" CssClass="btnCommon" runat="server" />
</div>
<div style="clear: both; padding-top: 10px"></div>

</div>
</div>

VICK 26-Feb-14 1:39am

Use the "Have a Question or Comment?" link next to the post if you have a question for the OP. By entering a solution you remove the question from the list of unanswered questions

Sai Prasad anumolu · Answer 5 · 2014-02-26T21:51:00

Solution 6

i used anchor tag It s working

Posted 26-Feb-14 21:51pm

Sai Prasad anumolu

how to add div when click on button using jquery ?

5 solutions

Solution 4

Solution 1

Solution 5

Solution 3

Text Ads (Image Formats: Jpeg, Png, Gif) ($1/Text Ad or any equivalent currency)

Solution 6

Add your solution here

Preview 0

Existing Members

...or Join us