Oldal: 1 / 1

Képernyő blokkolás

Elküldve: 2016.09.02. 22:04
Szerző: mark24
Sziasztok!
Több olyan webes funkcióm is van, melyeknél a művelet alatt nem kívánatos, ha kattintani lehet bárhova.
Hogy lehet egyszerűen letiltani a kattintást plugin használat nélkül?

Re: Képernyő blokkolás

Elküldve: 2016.09.02. 22:58
Szerző: gBaSoft
Megoldható jQuery-vel, pl. egy div elem képernyőméretű megjelenítésével az előtérben, áttetszően, hogy látszódjon az eredeti tartalom is.

Képernyő tiltás (takarás):

Kód: Egész kijelölése

function myblokk_on() {
   $(document.body).append('<div id="myblokk" style="position:fixed;display:none;background-color:skyblue;opacity:0.3;filter:alpha(opacity=30);z-index:9999"></div>');
   $("#myblokk").css({"top":"0","left":"0","height":$(document).height(),"width":$(document).width()});
   $("#myblokk").fadeIn(500);
   $(document.body).css({ 'cursor': 'wait' });
}


Blokkolás törlése:

Kód: Egész kijelölése

function myblokk_off() {
   $("#myblokk").fadeOut(500, function() {$(this).remove()});
   $(document.body).css({ 'cursor': '' });
}