Solved

Pop out a from from asp.net server side.

Posted on 2012-03-22
5
176 Views
Last Modified: 2012-03-23
May be it is hard. I have an asp.net button. I want is to click the button then a designed form pops up.
The form's size is given, say 800*640. It has some text boxs and buttons. I want to fill the text fields and send them to the server.
Can we do that?


Jquery/asp.net???
0
Comment
Question by:zhshqzyc
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 2
5 Comments
 
LVL 7

Accepted Solution

by:
Lalit Chandra earned 500 total points
ID: 37753606
yes, Jquery made this simple for you.

1.  Just add the jquery and Jquery UI js reference to your page head section.
   <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
       

2.  Create the Div with the following markup
    <div id="divPopUp" style="display:none;">
         // Your Form Desing/MarkUP which you want to come as pop up.
     </div>  
 
3. Then, write something like the following

$("#yourButtonID").click(function() {
   $("#divPopUp").dialog({width:600,height:500});
});

Hope this will solve your issue.
0
 

Author Comment

by:zhshqzyc
ID: 37753662
What is the button ID here?
Suppose
 <div id="nav">
            <asp:Button ID="LookupTables" runat="server" Text="Lookup Tables"  /></div>

Open in new window

0
 
LVL 7

Expert Comment

by:Lalit Chandra
ID: 37753682
if you have normal aspx page then it will be  "LookupTables",
and if you are using Master Page,then you can simple add the cssClass="butNva" in the declration of button.
In this case  you simple replace the jquery first line

$("#yourButtonID").click(function() {
   $("#divPopUp").dialog({width:600,height:500});
});

TO

$(".butNva").click(function() {
   $("#divPopUp").dialog({width:600,height:500});
});

Make sure the name of the cssClass butNva is unique in the whole page.
0
 

Author Comment

by:zhshqzyc
ID: 37753740
<div id="nav">
            <asp:Button ID="LookupTables" runat="server" Text="Lookup Tables" CssClass="nav_buttons" />

Open in new window

It looks exciting. Can we add textboxs on the form? Any sample links?
0
 

Author Closing Comment

by:zhshqzyc
ID: 37757585
Let me try it, may come back.
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction HyperText Transfer Protocol (http://www.ietf.org/rfc/rfc2616.txt) or "HTTP" is the underpinning of internet communication.  As a teacher of web development I have heard many questions, mostly from my younger students who have come to t…
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

728 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question