aspdotnet-suresh offers articles and tutorials,csharp dot net, articles and tutorials,VB.NET Articles,Gridview articles,code examples of 2.0 /3.5,AJAX,SQL Server Articles,examples of .net technologies

Show jQuery UI Modal Popup Window on Button Click with Example

May 6, 2014

Here I will explain show simple
jQuery ui modal popup window on button click with example or creating modal popup window using jQuery ui plugin modal popup features or open jQuery modal popup window on button click with example.

In previous articles I explained jquery show popup window during pageload, jquery simple modal popup window example,
jQuery show alert message while leaving from website, jQuery enable / disable controls on page, jQuery Countdown timer script example and many articles relating to JQuery and Now I will explain how to implement simple jQuery ui modal popup window example.

To implement simple modal popup window we need to write the code like as shown below

<html xmlns="">
<title>jQuery Show Modal Popup from code behind or server side</title>
<link type="text/css" rel="stylesheet" href="" />
<script type="text/javascript" src=""></script>
<script type="text/javascript" src=""></script>
<script type="text/javascript">
$(function() {
$('#btnclick').click(function() {
title: "jQuery Popup from Server Side",
width: 430,
height: 250,
modal: true,
buttons: {
Close: function() {
<form id="form1">
<div id="popupdiv" title="Basic modal dialog" style="display: none">
<b> Welcome to</b>
<table align="center" style="margin-top:200px">
<input type="button" id="btnclick" value="Show Modal Popup" />

If you enjoyed this post, please support the blog below. It's FREE!

Get the latest,, VB.NET, jQuery, Plugins & Code Snippets for FREE by subscribing to our Facebook, Twitter, RSS feed, or by email.

subscribe by rss Subscribe by RSS subscribe by email Subscribe by Email


Anonymous said...

Nice Post Bdy...
I want to show a modal popup on a button click of a repeater(No post back) and want the ID(clicked) on that popup. If I am keeping the popup segment in repeater so a/c to rows there are atleast 240 popup html are ready to be loaded whic results in a very slow response and sometimes the page can't even load.
So in my situation I will put the popup segment outside repeater.
I want to use jquery modal as it is lightweight.
Please suggest a way.
Thanks a lot

Anonymous said...


Anonymous said...

There is another tutorial which explains how to create you own captcha system using jquery and css with demo without any help plugin on you can refer this

Anonymous said...

Working nice.

Give your Valuable Comments

Note: Only a member of this blog may post a comment.

© 2015 All Rights Reserved.
The content is copyrighted to Suresh Dasari and may not be reproduced on other websites without permission from the owner.