غیر فعال شدن صفحه بعد از بار شدن پنجره pop

[fakhravari]

با سلام

یه طرفندی بود که css کارا میزنن.
یه Div میسازن ابعادش کل صفحه میکنن و بعد disable می کنن
دوستان اگه ممکن کمک کنند

[2undercover]

معمولا اون عنصر به که کل صفحه رو می گیره به نام overlay شناخته میشه.



<div class="overlay"></div>


.overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.42);
}
.overlay.show {
display: block;
}


که هر وقت کلاس show به اون div داده بشه نمایش داده میشه.

[fakhravari]

ممنون
حالا چطوری popupwindow بسته شد اون غیر فعال بشه:متفکر:

[Mori Bone]

<div class="overlay" id="overlay1"></div>

.overlay {
visibility: hidden;
opacity: 0;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.42);
transition: 0.3s ease-in;
z-index: 99;
}
.overlay.show {
visibility: visible;
opacity: 1;
}

$('#overlay1').addClass('show');

[Mori Bone]

ممنون
حالا چطوری popupwindow بسته شد اون غیر فعال بشه:متفکر:
$(‘#overlay1’).removeClass(‘show’);

[fakhravari]

var win = window.open('http://www.google.com', 'google','width=800,height=600,status=0,toolbar=0' ); var timer = setInterval(function() {
if(win.closed) {
clearInterval(timer);
alert('closed');
}
}, 1000);

[razeghaik1]

میشه یه نمونه کوچیک بزارید لطفا؟!
آخه نفهمیدم چجوری شد؟! :(

[Mori Bone]

میشه یه نمونه کوچیک بزارید لطفا؟!
آخه نفهمیدم چجوری شد؟! :(
مشکل کجاست؟ توی پاپ آپ باز کردن یا ...

[godofphp]

نمونه (http://ijquery.ir/demo/lightbox/jquery-popup/)____________

[fakhravari]

<script type="text/javascript"> function mypopup(adress) {
$("#OverlayDiv").addClass("show");
mywindow = window.open(adress, "popupwindow", "location=1,status=1,scrollbars=1, width=500,height=600");
mywindow.moveTo(400, 50);


var timer = setInterval(function () {
if (mywindow.closed) {
clearInterval(timer);
//alert('closed');
$("#OverlayDiv").removeClass("show");
}
}, 100);
}
</script>
<style type="text/css">
body
{
font-family: Tahoma;
font-size: 12px;
direction: rtl;
}
.overlay
{
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.42);
}
.overlay.show
{
display: block;
}
</style>
<script src="jquery-1.9.1.min.js" type="text/javascript"></script>

------------------------


<asp:Button ID="Button1" runat="server" Text="دريافت اطلاعات" OnClientClick="mypopup('Page2.aspx');return false;"
OnClick="Button1_Click" />
<div id="OverlayDiv" class="overlay">
</div>

[fakhravari]

اینم سمپل :بامزه:

[2undercover]

var $overlay = document.getElementsByClassName('overlay')[0];
$overlay.className = 'overlay show';
var popup = window.open('http://url.com');
popup.onunload = function () {
$overlay.className = 'overlay';
}