h_r_sh
شنبه 28 مرداد 1391, 15:31 عصر
<link type="text/css" href="Scripts/css/ui-lightness/jquery-ui-1.8.21.custom.css" rel="stylesheet" />
<script type="text/javascript" src="Scripts/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="Scripts/ui/minified/jquery.ui.dialog.min.js"></script>
<script type='text/javascript'>
$(document).ready(function () {
var window_width = $(window).width();
var window_height = $(window).height();
$('.modal_window').each(function () {
var modal_height = $(this).outerHeight();
var modal_width = $(this).outerWidth();
var top = (window_height - modal_height) / 2;
var left = (window_width - modal_width) / 2;
$(this).css({ 'top': top, 'left': left });
});
$('.activate_modal').click(function () {
var modal_id = $(this).attr('name');
show_modal(modal_id);
});
$('.close_modal').click(function () {
close_modal();
});
$('#close').click(function () {
close_modal();
});
$('#btnClose1').click(function () {
close_modal();
});
});
function close_modal() {
$('#mask').fadeOut(500);
$('.modal_window').fadeOut(500);
}
function close_modal2() {
$("#close").click(function () {
$('#mask').fadeOut(500);
$(".modal_window").fadeOut(500);
});
}
function show_modal(modal_id) {
$('#mask').css({ 'display': 'block', opacity: 0 });
$('#mask').fadeTo(500, 0.8);
$('#' + modal_id).fadeIn(500);
}
</script>
<p><a class='activate_modal' name='modal_window' href='#'>پنجره اول</a></p>
<p><a class='activate_modal' name='modal_window2' href='#'>پنجره دوم</a></p>
<div id='mask' class='close_modal'></div>
<div id='modal_window' class='modal_window'>
<div class="modalTitle">
این عنوان است.
<div style=" position: relative; float: left; left: 12px; color: #ff4500;">
<label id="close" style=" cursor:pointer" >X</label>
</div>
</div>
<div class="modalTest">
محتویات
<hr />
<div style="padding-top: 10px; padding-bottom: 10px; float: left">
<a href="#" id="btnClose1" class="linkerBlack">ok</a>
</div>
</div>
</div>
<div id='modal_window2' class='modal_window'>محتویات پنجره دوم</div>
</asp:Content>
شما باید فایل css رو هم یه تغییراتی بدین: