diff options
Diffstat (limited to 'share/frontend/imgrid/js/popup.js')
| -rwxr-xr-x | share/frontend/imgrid/js/popup.js | 69 |
1 files changed, 69 insertions, 0 deletions
diff --git a/share/frontend/imgrid/js/popup.js b/share/frontend/imgrid/js/popup.js new file mode 100755 index 0000000..bf138d0 --- /dev/null +++ b/share/frontend/imgrid/js/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 |