Changeset 259 for Dev/branches/Cartis/Tiles preview/js

Timestamp:

02/14/12 17:50:22 (13 years ago)

Author:

tjcschipper

Message:

Metro interface, selector werkt bijna! (Alleen move to dashboard nog niet, rest is prima (en de icons zijn lelijk).

Location:

Dev/branches/Cartis/Tiles preview/js

Files:

• classes (added)
• classes/DataSelector.js (added)
• dashboardScripts.js (added)
• generalScripts.js (modified) (1 diff)
• nav.js (added)

Dev/branches/Cartis/Tiles preview/js/generalScripts.js

@@ -155 +155 @@
     return document.getElementById(s);
 }
-
-// Function for getting the absolute position of the top left corner of an element, relative to the window
-function getPos(element) {
-    var posX = posY = 0;
-    if (element.offsetParent) {
-        do {
-            posX += element.offsetLeft;
-            posY += element.offsetTop;
-        } while (element = element.offsetParent);
-    }
-    
-    var result = {
-        X: posX,
-        Y: posY
-    }
-    return result;
-}
-
-// TODO: this is a broken version of the above function, to be used during the demo ONLY! (Else the dropdown menu does not work correctly...
-// Fix/remove as soon as possible
-function getWrongPos(element) {
-    var posX = posY = 0;
-    if (element.offsetParent) {
-        do {
-            posX += element.offsetLeft;
-            posY += element.offsetTop;
-        } while (element = element.offSetParent);
-    }
-    
-    var result = {
-        X: posX,
-        Y: posY
-    }
-    return result;
-}
-
-// Returns the computed width of an element
-function getWidth(element) {
-    var width = 0;
-    if (element.offsetWidth) {
-        width = element.offsetWidth;
-    }
-    
-    return width;
-}
-
-// Returns the computer size of an element
-function getSize(element) {
-    var size = {
-        X: null,
-        Y: null
-    }
-    if (element.offsetWidth) {
-        size.X = element.offsetWidth;
-        size.Y = element.offsetHeight;
-    }
-    
-    return size;
-}
-
-// Drop down menu implementation. Supports three levels: Base button, 1st level categories, and 2nd level links
-// TODO: getPos functie werkte eerst niet goed, menu offset is nog beetje whack. Betere manier van dropdown menu vinden en voor nu even de getPos functie stuk laten?
-function DDMenu() {
-    // Initialize function, setting all needed variables.
-    var instance = this;
-    this.closeTimer = 0;
-    this.ddMenuItem = null;
-    this.timeout = 350;
-    this.visible = false;
-    this.menuElement = null;
-    this.parentButton = null
-    
-    this.Init = function(id1, id2) {    
-        instance.menuElement = ge(id1);
-        instance.parentButton = ge(id2);
-    }
-    
-    this.SetCloseTimer = function() {
-        //debugger;
-        instance.closeTimer = window.setTimeout(instance.Close, instance.timeout);
-    }
-    
-    this.Close = function() {
-        if (instance.ddMenuItem) {
-            instance.ddMenuItem.style.visibility = "hidden";
-        }
-        instance.Toggle();
-        
-    }
-    
-    this.CancelCloseTimer = function() {
-        if (instance.closeTimer) {
-            window.clearTimeout(instance.closeTimer);
-            instance.closeTimer = null;
-        }
-    }
-    
-    this.Open = function(id) {
-        instance.CancelCloseTimer();
-        if (instance.ddMenuItem) {
-            instance.ddMenuItem.style.visibility = "hidden";
-        }
-        
-        instance.ddMenuItem = ge(id);
-        instance.ddMenuItem.style.visibility = "visible";
-        var parentPos = getWrongPos(instance.ddMenuItem.parentNode);
-        var parentWidth = getWidth(instance.ddMenuItem.parentNode);
-        instance.ddMenuItem.style.left = (parentPos.X + parentWidth)+"px";
-        instance.ddMenuItem.style.top = parentPos.Y+"px";
-        
-    }
-    
-    this.Toggle = function() {
-        //debugger;
-        if (instance.visible) {
-            // Hide the menu
-            instance.menuElement.style.visibility = "hidden";
-            instance.parentButton.className = "";
-            instance.visible = false;
-        }
-        else{
-            //Show the menu
-            if (instance.menuElement) {
-                instance.menuElement.style.visibility = "visible";
-                instance.parentButton.className = "down";
-            }
-            instance.visible = true;
-        }
-    }
-}
-
-function manualEventFire(element, rawEvent) {
-    // Attempts to fire a raw DOM event on an element
-    
-    try {
-        element = document.getElementById(element);
-        if (element.fireEvent) {
-            element.fireEvent("on"+rawEvent.type, rawEvent);
-            return true;
-        }
-        else if (element.dispatchEvent) {
-            element.dispatchEvent(rawEvent);
-            return true;
-        }
-    } catch (e) {
-    }
-    return false;
-}