• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 677
  • Last Modified:

Pop-up using JQUERY

  How can I add a pop-up that does the following
   1) something pops up when you click on a link in the view
    2) you can select on ONE item in the pop-up and hit enter
   3) the selected item is captured so  I can update the database
1 Solution
You should take a look at jqueryui's dialog widget: http://jqueryui.com/dialog/

With jquery ui dialog widget you can quickly make pop-ups that run arbitrary code in the same window as the rest of the page, so you don't need to comunicate between windows.

If you need some styling, take a look at jquery theme roller and customize your own theme http://jqueryui.com/themeroller/
Monica PSoftware DeveloperCommented:
SAMIR BHOGAYTAFreelancer and IT ConsultantCommented:
hi.. Try this example of modal popup

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/jquery-ui.js" type="text/javascript"></script>
<link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/themes/start/jquery-ui.css"
    rel="stylesheet" type="text/css" />
<script type="text/javascript">
    $("[id*=btnPopup]").live("click", function () {
            title: "jQuery Dialog Popup",
            buttons: {
                Close: function () {
        return false;
<div id="dialog" style="display: none">
    This is a simple popup
<asp:Button ID="btnPopup" runat="server" Text="Show Popup" />

 The jQuery UI Modal Dialog requires a HTML DIV that acts as the content in other words body of the popup window. I have assigned a click jQuery event handler to the ASP.Net Button, where I have applied the jQuery UI Modal Dialog plugin to the dialog HTML DIV and also set its Title property.
vcurtisAuthor Commented:
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now