Team:Hong Kong HKU

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
<!DOCTYPE html>
<html>
<html>
-
<!-- <meta charset="UTF-8">
+
<meta charset="UTF-8">
<meta name="title" content="HKU iGEM 2014" />
<meta name="title" content="HKU iGEM 2014" />
<meta name="keywords" content="iGEM, HKU, Synthetic Biology, PPK" />
<meta name="keywords" content="iGEM, HKU, Synthetic Biology, PPK" />
-
<meta name="description" content="HKU's IGEM Team"> -->
+
<meta name="description" content="HKU's IGEM Team">
<title>HKU IGEM Team</title>
<title>HKU IGEM Team</title>
-
 
<style>
<style>
/* Reset CSS */
/* Reset CSS */
Line 334: Line 334:
</div>
</div>
<script>
<script>
-
alert(-1);
+
 
-
var pages = document.querySelectorAll(".page");
+
-
console.log(pages);
+
-
</script>
+
-
<script>
+
-
alert(0);
+
(function() {
(function() {
-
var pages = document.querySelectorAll(".page");
+
    var pages = document.querySelectorAll(".page");
-
var page_current = 0;
+
    var page_current = 0;
-
function pageJumpTo(to_page) {
+
    function pageJumpTo(to_page) {
-
    if (to_page >= 0 && to_page < pages.length) {
+
        if (to_page >= 0 && to_page < pages.length) {
-
        for (var i = 0; i < pages.length; i++) {
+
            for (var i = 0; i < pages.length; i++) {
-
            pages[i].style.left = 100*(i-to_page) + '%';
+
                pages[i].style.left = 100*(i-to_page) + '%';
 +
            }
 +
            page_current = to_page;
         }
         }
-
        page_current = to_page;
 
     }
     }
-
}
+
    document.querySelector("#content-prev-page").onclick = function() {
-
alert(1);
+
        pageJumpTo(page_current - 1);
-
document.querySelector("#content-prev-page").onclick = function() {
+
-
    pageJumpTo(page_current - 1);
+
-
};
+
-
document.querySelector("#content-next-page").onclick = function() {
+
-
    pageJumpTo(page_current + 1);
+
-
};
+
-
pageJumpTo(0);
+
-
var buttons = document.querySelectorAll(".menu-button");
+
-
function makeButton(page) {
+
-
    return function() {
+
-
        pageJumpTo(page);
+
     };
     };
-
}
+
    document.querySelector("#content-next-page").onclick = function() {
-
for (var i = 0; i < buttons.length; i++) {
+
        pageJumpTo(page_current + 1);
-
    var page = parseInt(buttons[i].getAttribute("data-page"));
+
    };
-
    buttons[i].onclick = makeButton(page);
+
    pageJumpTo(0);
-
}
+
    var buttons = document.querySelectorAll(".menu-button");
-
 
+
    function makeButton(page) {
-
 
+
        return function() {
-
alert(2);
+
            pageJumpTo(page);
-
var main_menus = document.querySelectorAll("ul.main-menu>li");
+
        };
-
function menuOpen(index) {
+
    }
-
    for (var i = 0; i < main_menus.length; i++) {
+
    for (var i = 0; i < buttons.length; i++) {
-
        var sub_menu = main_menus[i].querySelector(".sub-menu");
+
        var page = parseInt(buttons[i].getAttribute("data-page"));
-
        if (i === index) {
+
        buttons[i].onclick = makeButton(page);
-
            sub_menu.style.height = '10rem';
+
    }
-
        } else {
+
   
-
            sub_menu.style.height = '0';
+
   
 +
    var main_menus = document.querySelectorAll("ul.main-menu>li");
 +
    function menuOpen(index) {
 +
        for (var i = 0; i < main_menus.length; i++) {
 +
            var sub_menu = main_menus[i].querySelector(".sub-menu");
 +
            if (i === index) {
 +
                sub_menu.style.height = '10rem';
 +
            } else {
 +
                sub_menu.style.height = '0';
 +
            }
         }
         }
     }
     }
-
}
+
    function makeMenuOpenFunc(index) {
-
function makeMenuOpenFunc(index) {
+
        return function() {
-
    return function() {
+
            menuOpen(index);
-
        menuOpen(index);
+
        };
-
    };
+
    }
-
}
+
    for (var i = 0; i < main_menus.length; i++) {
-
for (var i = 0; i < main_menus.length; i++) {
+
        main_menus[i].onclick = makeMenuOpenFunc(i);
-
    main_menus[i].onclick = makeMenuOpenFunc(i);
+
    }
-
}
+
    menuOpen(0);
-
menuOpen(0);
+
-
alert(3);
+
})();
})();
</script>
</script>

Revision as of 14:22, 19 August 2014

<!DOCTYPE html> HKU IGEM Team

  • Page1
  • Page2
  • Page3
  • Page4
  • Page5
  • Page6
  • Page7
  • Page8
  • Page9
  • Page10
<
>

Retrieved from "http://2014.igem.org/Team:Hong_Kong_HKU"