Move to the page as we enter the page number in textbox using javascript

Shirin

SOLVED CLOSED ACTIVE ANSWERED
User: Shirin
Posted: on Dec 01, 2011 01:54 AM
Forum: JavaScript
Replies: 28
Views: 16945

Hi i want to move to the page number as we enter page number in textbox.

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

Mudassar

0 16

Reply
User: Mudassar
Replied: on Dec 01, 2011 07:03 AM
Report

Try this sample

<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">
        $("#btnPage").live("click", function () {
            $("[id*=dv]").hide();
            $("#dv" + $("#txtPage").val()).show();
        });
    </script>
</head>
<body>
    <form id="form1" runat = "server">
        <div id = "dv1">DIV1</div>
        <div id = "dv2" style = "display:none">DIV2</div>
        <div id = "dv3" style = "display:none">DIV3</div>
        <input type = "text" id = "txtPage" />
        <input type = "button" id = "btnPage" value = "Go" />
    </form>
</body>
</html>

Demo

Shirin

0 17

Reply
User: Shirin
Replied: on Dec 01, 2011 08:40 PM
Report

Hi please reply me .

I m not able get the result.

Mudassar

0 18

Reply
User: Mudassar
Replied: on Dec 01, 2011 09:38 PM
Report

You said you want to hide show div based on number in textbox. That's what I gave you

Shirin

0 19

Reply
User: Shirin
Replied: on Dec 01, 2011 10:24 PM
Report

Hi actually My question is that i want to add such functinality in my code such that if there are 100 pages in my application then i can put the number of any page in to text box and by click on Go click i can see that page.

Shirin

0 20

Reply
User: Shirin
Replied: on Dec 01, 2011 10:40 PM
Report

I m giving you link plz see this

http://jquery.malsup.com/cycle/nowrap.html

I want to add textbox functinality to this.

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

Move to the page as we enter the page number in textbox using javascript

Company

Explore

Follow us

Contact Us