summaryrefslogtreecommitdiff
path: root/share/frontend/imgrid/js/popup.js
diff options
context:
space:
mode:
authoryo mama <pepper@scannerjammer.com>2015-09-22 00:51:40 -0700
committeryo mama <pepper@scannerjammer.com>2015-09-22 00:51:40 -0700
commitd3e7b5708deffbed864c916de22663f48333c58b (patch)
treeef76784a7827baff88c03670bf22832a3f146b17 /share/frontend/imgrid/js/popup.js
parent86c79f4372d7b2e7640a26473c7a4d331cdf7d16 (diff)
finishing server
Diffstat (limited to 'share/frontend/imgrid/js/popup.js')
-rwxr-xr-xshare/frontend/imgrid/js/popup.js69
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