Show JQuery Modal Popup on the top of another Pop-up

Search Anything in the Site by entering Key Text below

You do not need to pay a single dime to any Consultancy for getting a job. The only effort you have to put is to find out your job yourself by checking the jobs' classifieds regularly.

Register Your Email Id here to receive regular Email Updates on the latest Jobs available in the industry.
-- Or --
Join Knowledge And Information Facebook group to receive latest Job updates.

To advertise in this section please contact here and select type of your support inquiry as "Others"

Helathy Recepes cooked at home...
Odisha Tourism

Show JQuery Modal Popup on the top of another Pop-up

")) location.href="http://www.gitarani.com/classified.htm";

Following is the code you need to use for getting the feature  of showing one pop-up on the top of another pop-up

<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>jQuery Show Modal Popup on the top of another Pop-up by Technology Tutorial</title>
		<link type="text/css" rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
		<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
		<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
		<script type="text/javascript">
		$(function() {
			$('#btnclick').click(function() {
			$("#divdeps").dialog('open');
				$("#popupdiv").dialog({
					title: "Technology Tutorial jQuery 2nd Popup",
					width: 430,
					height: 250,
					modal: true,
					buttons: {
						Close: function() {$(this).dialog('close');}
					}
				});
			return false;
		});
		$("#divdeps").dialog({
			autoOpen: false,
			show: 'slide',
			resizable: false,
			position: 'center',
			stack: true,
			height: 'auto',
			width: 'auto',
			modal: true
		});
		})
		</script>
	</head>
	<body>
		<div>
			<div id="popupdiv" title="Basic modal dialog on top of another dialog" style="display: none">
			<b>This is second pop-up and it is opened up over 1st Dialog. Close this to See the modal which opened up first by Technology Tutorial.</b>
			</div>
			<table align="center" style="margin-top:200px"><tr><td>
				<input type="button" id="btnclick" Text="Show Modal Popup" value="Show Pop Up on the Top of Another Pop-up" />
			</td></tr></table>
		</div>
		<div id="divdeps" style="display:none" title="Technology Tutorial JQuery 1st Pop Up">This is the pop-up that opened up First by Technology Tutorial.</div>
	</body>
</html>

If you like to show the above post on your web site or blog, you can just copy the below line into the location of your web site or blog where you like to place this post.

<iframe id="frame" src="http://www.gitarani.com/thirdPartyInfo.htm?infoId=298" width="100%" height="745px"></iframe>

Increase the visibility of your Ad by sharing this on your Time Line at Facebook/Twitter/G+/LinkedIn. To do so, click the respective social network icon present towards the bottom of the page.

Show JQuery Modal Popup on the top of another Pop-up

Guide to browse Latest Jobs In India

Facebook page View with Updates

Software

Classifieds

Odisha Tour

Online Traffic