diff options
| author | pepperpepperpepper <pepper@scannerjammer.com> | 2015-11-16 15:08:02 -0800 |
|---|---|---|
| committer | pepperpepperpepper <pepper@scannerjammer.com> | 2015-11-16 15:08:02 -0800 |
| commit | c2f9f9ae233a4883b62afe54e9e45e5eb262e6f1 (patch) | |
| tree | a61da8d300a85377ca0a9dae6a0e8acf77124f52 /share/frontend/imgrid/popup.js | |
| parent | b23102673935d7732668a3cb621fe03dbb29d044 (diff) | |
ready to merge to main branch
Diffstat (limited to 'share/frontend/imgrid/popup.js')
| -rwxr-xr-x | share/frontend/imgrid/popup.js | 69 |
1 files changed, 69 insertions, 0 deletions
diff --git a/share/frontend/imgrid/popup.js b/share/frontend/imgrid/popup.js new file mode 100755 index 0000000..bf138d0 --- /dev/null +++ b/share/frontend/imgrid/popup.js @@ -0,0 +1,69 @@ +//SETTING UP OUR POPUP +//0 means disabled; 1 means enabled; + var popupStatus = 0; + +//loading popup with jQuery magic! + function loadPopup(){ +//loads popup only if it is disabled + if(popupStatus==0){ + $("#backgroundPopup").css({ + "opacity": "0.7" + }); + $("#backgroundPopup").fadeIn("slow"); + $("#popupContact").fadeIn("slow"); + popupStatus = 1; + } + } +//centering popup + function centerPopup(){ +//request data for centering + var windowWidth = document.documentElement.clientWidth; + var windowHeight = document.documentElement.clientHeight; + var popupHeight = $("#popupContact").height(); + var popupWidth = $("#popupContact").width(); + //centering + $("#popupContact").css({ + "position": "absolute", + "top": windowHeight/2-popupHeight/2, + "left": windowWidth/2-popupWidth/2 + }); +//only need force for IE6 + + $("#backgroundPopup").css({ + "height": windowHeight + }); + + } +//disabling popup with jQuery magic! + function disablePopup(){ +//disables popup only if it is enabled + if(popupStatus==1){ + $("#backgroundPopup").fadeOut("slow"); + $("#popupContact").fadeOut("slow"); + popupStatus = 0; + } + } + + $(document).ready(function(){ +//following code will be here + }); + +//LOADING POPUP +//Click the button event! + $("#swingleft").click(function(){ +//centering with css + centerPopup(); +//load popup + loadPopup(); + }); + +//CLOSING POPUP +//Click the x event! + $("#popupContactClose").click(function(){ + disablePopup(); + }); +//Click out event! + $("#backgroundPopup").click(function(){ + disablePopup(); + }); +
\ No newline at end of file |
