How to add Pages On button click in javascript

Shirin

SOLVED CLOSED ACTIVE ANSWERED
User: Shirin
Posted: on Dec 05, 2011 04:52 AM
Forum: jQuery and jQuery Plugins
Replies: 20
Views: 13135

Hi i want to add page depend on button click.

and my single page means a single Div tag.

if i want to add the page(div) depend on button click

Download FREE API for Word, Excel and PDF in ASP.Net

Shirin

0 11

Reply
User: Shirin
Replied: on Dec 06, 2011 04:19 AM
Report

actually that div must be added to my old div

if suppose naw my second number page is open ther that div must be added to 3rd number by click on add.

The code given by you is correct but i want to add div to my application

Mudassar

0 12

Reply
User: Mudassar
Replied: on Dec 06, 2011 04:21 AM
Report

You said

Shirin says:if suppose naw my second number page is open ther that div must be added to 3rd number by click on add.

What does that mean?

Shirin

0 13

Reply
User: Shirin
Replied: on Dec 06, 2011 11:50 PM
Report

Okk i will explain you.

I have seen the demo which u had given me yesterday.

In that if I click on add button it will add the image one after the other.But If i want to add the page to my application then it creates problem.

I have created the application in which which already there are 3 div tag which contains images are present.

So if i click on add button then The new Div tag must be to my prevous div.

Mudassar

0 14

Reply
User: Mudassar
Replied: on Dec 06, 2011 11:56 PM
Report

1. For that code to work for your case You need to put all your DIVs in DIV with id container.

2. Regarding your second question. Do you want to add DIV before the 1st DIV?

Mudassar

0 16

Reply
User: Mudassar
Replied: on Dec 07, 2011 12:21 AM
Report

Ok. Check this. Enter position in textbox and new DIV will be added to that position

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script type="text/javascript">        
        $("#btnAdd").live("click", function () {
            var dv = $("<div/>").html("<img src = 'http://www.aspforums.net/Avatars/VikasSingh.jpg' style = 'height:50px;width:50px' />");
            $("#container div").eq($("#position").val() - 1).before(dv);
        });    
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="container">
    <div><img src = 'http://www.aspforums.net/Avatars/Mudassar.jpg?634578735955470000' style = 'height:50px;width:50px' /></div>
    <div><img src = 'http://www.aspforums.net/Avatars/Mudassar.jpg?634578735955470000' style = 'height:50px;width:50px' /></div>
    <div><img src = 'http://www.aspforums.net/Avatars/Mudassar.jpg?634578735955470000' style = 'height:50px;width:50px' /></div>
    </div>
    <input type = "text" id = "position" />
    <input type="button" id="btnAdd" value="Add" />
    </form>
</body>
</html>

Demo

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

How to add Pages On button click in javascript

Company

Explore

Follow us

Contact Us