Pop-up using JQUERY

Hello
  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
vcurtisAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

BrWadaCommented:
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/
0
Monica PSoftware DeveloperCommented:
0
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 () {
        $("#dialog").dialog({
            title: "jQuery Dialog Popup",
            buttons: {
                Close: function () {
                    $(this).dialog('close');
                }
            }
        });
        return false;
    });
</script>
<div id="dialog" style="display: none">
    This is a simple popup
</div>
<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.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
vcurtisAuthor Commented:
Perfect
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
.NET Programming

From novice to tech pro — start learning today.