غیر فعال شدن صفحه بعد از بار شدن پنجره 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]

نمونه ____________

[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';

}