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: 13154

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

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