Team:UCLA/anuved verma ucla2014 workspace/jscore

From 2014.igem.org

(Difference between revisions)
(Created page with "<html> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script> <script type="text/javascript"> - →! Jssor: $Jssor$ = window.$Jssor$ = window.$J...")
 
Line 1: Line 1:
-
<html>
+
/* Slider Styles */
-
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
+
#Slider {
-
<script type="text/javascript">
+
position: relative;
-
/*! Jssor */
+
width: 100%;
-
$Jssor$ = window.$Jssor$ = window.$Jssor$ || {};
+
display: none;
 +
}
 +
#Slider .Slides {
 +
width: 100%;
 +
height: 100%;
 +
background-size: 100%, auto;
 +
}
-
//$JssorDebug$
+
#Slider #Slide0 {
-
var $JssorDebug$ = new function () {
+
background-image: url(https://static.igem.org/mediawiki/2013/d/d1/2013UCalgarySlider1.png);
 +
}
-
    this.$DebugMode = true;
+
#Slider #Slide1 {
 +
background-image: url(https://static.igem.org/mediawiki/2013/a/ac/2013UCalgarySlider2.png);
 +
display: none;
 +
}
-
    // Methods
+
#Slider #Slide2 {
 +
background-image: url(https://static.igem.org/mediawiki/2013/6/62/2013UCalgarySlider3.png);
 +
display: none;
 +
}
-
    this.$Log = function (msg, important) {
+
#Slider #Slide3 {
-
        var console = window.console || {};
+
background-image: url(https://static.igem.org/mediawiki/2013/7/72/2013UCalgarySlider4.png);
-
        var debug = this.$DebugMode;
+
display: none;
 +
}
-
        if (debug && console.log) {
+
#Slider #Slide4 {
-
            console.log(msg);
+
background-image: url(https://static.igem.org/mediawiki/2013/a/a2/2013UCalgarySlider5.png);
-
        } else if (debug && important) {
+
display: none;
-
            alert(msg);
+
}
-
        }
+
-
    };
+
-
    this.$Error = function (msg, e) {
+
#Slider #Slide5 {
-
        var console = window.console || {};
+
background-image: url(https://static.igem.org/mediawiki/2013/d/de/2013UCalgarySlider6.png);
-
        var debug = this.$DebugMode;
+
display: none;
 +
}
-
        if (debug && console.error) {
+
#Slider #BottomLinks {
-
            console.error(msg);
+
position: absolute;
-
        } else if (debug) {
+
width: 100%;
-
            alert(msg);
+
padding: 0;
-
        }
+
bottom: 0;
 +
background: #353132;
 +
text-align: center;
 +
opacity: 0.61;
 +
filter: alpha(opacity=61);
 +
}
-
        if (debug) {
+
#Slider #BottomLinks li {
-
            // since we're debugging, fail fast by crashing
+
display: inline-table;
-
            throw e || new Error(msg);
+
list-style: none;
-
        }
+
height: 100%;
-
    };
+
color: #FFFFFF;
 +
font: 24px Raleway, Arial, san-serif;
 +
text-align: center;
 +
padding: 15px 20px;
 +
}
-
    this.$Fail = function (msg) {
+
#Slider #BottomLinks li:hover {
-
        throw new Error(msg);
+
cursor: pointer;
-
    };
+
text-decoration: underline;
 +
}
-
    this.$Assert = function (value, msg) {
+
#Slider .SideBar {
-
        var debug = this.$DebugMode;
+
position: absolute;
-
        if (debug) {
+
top: 0;
-
            if (!value)
+
width: 90px;
-
                throw new Error("Assert failed " + msg || "");
+
z-index: 1;
-
        }
+
}
-
    };
+
-
    this.$Trace = function (msg) {
+
#Slider #LeftBar {
-
        var console = window.console || {};
+
left: 0;
-
        var debug = this.$DebugMode;
+
}
-
        if (debug && console.log) {
+
#Slider #RightBar {
-
            console.log(msg);
+
right: 0;
-
        }
+
}
-
    };
+
-
    this.$Execute = function (func) {
+
#Slider #LeftArrow {
-
        var debug = this.$DebugMode;
+
position: absolute;
-
        if (debug)
+
width: 60px;
-
            func();
+
height: 60px;
-
    };
+
margin-left: 30px;
 +
background: url(https://static.igem.org/mediawiki/2013/5/53/2013UCalgaryArrowLeft.png) top no-repeat;
 +
}
-
    this.$LiveStamp = function (obj, id) {
+
#Slider #RightArrow {
-
        var stamp = document.createElement("DIV");
+
position: absolute;
-
        stamp.setAttribute("id", id);
+
width: 60px;
 +
height: 60px;
 +
margin-right: 30px;
 +
background: url(https://static.igem.org/mediawiki/2013/5/56/2013UCalgaryArrowRight.png) top no-repeat;
 +
}
-
        obj.$Live = stamp;
+
#Slider #LeftArrow:hover, #Slider #RightArrow:hover {
-
    };
+
background-position: bottom;
-
};
+
cursor: pointer;
-
 
+
}
-
 
+
-
//$JssorEventManager$
+
-
var $JssorEventManager$ = function () {
+
-
    var self = this;
+
-
    // Fields
+
-
 
+
-
    var listeners = {}; // dictionary of eventName --> array of handlers
+
-
 
+
-
    // Methods
+
-
 
+
-
    self.$On = self.addEventListener = function (eventName, handler) {
+
-
        if (typeof (handler) != "function") {
+
-
            return;
+
-
        }
+
-
 
+
-
        if (!listeners[eventName]) {
+
-
            listeners[eventName] = [];
+
-
        }
+
-
 
+
-
        listeners[eventName].push(handler);
+
-
    };
+
-
 
+
-
    self.$Off = self.removeEventListener = function (eventName, handler) {
+
-
        var handlers = listeners[eventName];
+
-
 
+
-
        if (typeof (handler) != "function") {
+
-
            return;
+
-
        } else if (!handlers) {
+
-
            return;
+
-
        }
+
-
 
+
-
        for (var i = 0; i < handlers.length; i++) {
+
-
            if (handler == handlers[i]) {
+
-
                handlers.splice(i, 1);
+
-
                return;
+
-
            }
+
-
        }
+
-
    };
+
-
 
+
-
    self.$ClearEventListeners = function (eventName) {
+
-
        if (listeners[eventName]) {
+
-
            delete listeners[eventName];
+
-
        }
+
-
    };
+
-
 
+
-
    self.$TriggerEvent = function (eventName) {
+
-
        var handlers = listeners[eventName];
+
-
        var args = [];
+
-
 
+
-
        if (!handlers) {
+
-
            return;
+
-
        }
+
-
 
+
-
        for (var i = 1; i < arguments.length; i++) {
+
-
            args.push(arguments[i]);
+
-
        }
+
-
 
+
-
        for (var i = 0; i < handlers.length; i++) {
+
-
            try {
+
-
                handlers[i].apply(window, args);
+
-
            } catch (e) {
+
-
                // handler threw an error, ignore, go on to next one
+
-
                $JssorDebug$.$Error(e.name + " while executing " + eventName +
+
-
                        " handler: " + e.message, e);
+
-
            }
+
-
        }
+
-
    };
+
-
};
+
-
</script>
+
-
</html>
+

Latest revision as of 06:19, 20 September 2014

/* Slider Styles */

  1. Slider {

position: relative; width: 100%; display: none; }

  1. Slider .Slides {

width: 100%; height: 100%; background-size: 100%, auto; }

  1. Slider #Slide0 {

background-image: url(2013UCalgarySlider1.png); }

  1. Slider #Slide1 {

background-image: url(2013UCalgarySlider2.png); display: none; }

  1. Slider #Slide2 {

background-image: url(2013UCalgarySlider3.png); display: none; }

  1. Slider #Slide3 {

background-image: url(2013UCalgarySlider4.png); display: none; }

  1. Slider #Slide4 {

background-image: url(2013UCalgarySlider5.png); display: none; }

  1. Slider #Slide5 {

background-image: url(2013UCalgarySlider6.png); display: none; }

  1. Slider #BottomLinks {

position: absolute; width: 100%; padding: 0; bottom: 0; background: #353132; text-align: center; opacity: 0.61; filter: alpha(opacity=61); }

  1. Slider #BottomLinks li {

display: inline-table; list-style: none; height: 100%; color: #FFFFFF; font: 24px Raleway, Arial, san-serif; text-align: center; padding: 15px 20px; }

  1. Slider #BottomLinks li:hover {

cursor: pointer; text-decoration: underline; }

  1. Slider .SideBar {

position: absolute; top: 0; width: 90px; z-index: 1; }

  1. Slider #LeftBar {

left: 0; }

  1. Slider #RightBar {

right: 0; }

  1. Slider #LeftArrow {

position: absolute; width: 60px; height: 60px; margin-left: 30px; background: url(2013UCalgaryArrowLeft.png) top no-repeat; }

  1. Slider #RightArrow {

position: absolute; width: 60px; height: 60px; margin-right: 30px; background: url(2013UCalgaryArrowRight.png) top no-repeat; }

  1. Slider #LeftArrow:hover, #Slider #RightArrow:hover {

background-position: bottom; cursor: pointer; }

Retrieved from "http://2014.igem.org/Team:UCLA/anuved_verma_ucla2014_workspace/jscore"