summaryrefslogtreecommitdiff
path: root/static/js/popup.js
diff options
context:
space:
mode:
authordumpfmprod <dumpfmprod@ubuntu.(none)>2010-08-08 23:15:55 -0400
committerdumpfmprod <dumpfmprod@ubuntu.(none)>2010-08-08 23:15:55 -0400
commit8dc1aa93ab1e4163c491cfa6bb9bdc72269e75b3 (patch)
tree340e88c320fda39901ab16f2831d52ce2feea243 /static/js/popup.js
parent1b0331fc7c3bd72ad2986d72e90a932f74996415 (diff)
sostler prod commit
Diffstat (limited to 'static/js/popup.js')
-rw-r--r--static/js/popup.js85
1 files changed, 85 insertions, 0 deletions
diff --git a/static/js/popup.js b/static/js/popup.js
new file mode 100644
index 0000000..1ff482c
--- /dev/null
+++ b/static/js/popup.js
@@ -0,0 +1,85 @@
+/***************************/
+//@Author: Adrian "yEnS" Mato Gondelle
+//@website: www.yensdesign.com
+//@email: yensamg@gmail.com
+//@license: Feel free to use it, but keep this credits please!
+/***************************/
+
+//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;
+ }
+}
+
+//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;
+ }
+}
+
+//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
+ });
+
+}
+
+
+//CONTROLLING EVENTS IN jQuery
+$(document).ready(function(){
+
+ //LOADING POPUP
+ //Click the button event!
+ $("#disregister").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();
+ });
+ //Press Escape event!
+ $(document).keypress(function(e){
+ if(e.keyCode==27 && popupStatus==1){
+ disablePopup();
+ }
+ });
+
+}); \ No newline at end of file