Team:Vanderbilt/Page

From 2014.igem.org

(Difference between revisions)
 
(9 intermediate revisions not shown)
Line 1: Line 1:
-
/**
 
-
* Created by Anna Hwang on 1/15/2015.
 
-
*/
 
-
 
-
document.getElementById("igem_header").innerHTML = "page.js reached";
 
-
 
-
var leftPage = document.getElementById("left_page");
 
-
 
-
var rightPage = document.getElementById("right_page");
 
-
 
-
var leftButton = document.getElementById("left_button");
 
-
 
-
var rightButton = document.getElementById("right_button");
 
-
 
/**@class Page
/**@class Page
  * @description A class in charge of creating, updating, and destroying pages between page turns.
  * @description A class in charge of creating, updating, and destroying pages between page turns.
Line 18: Line 4:
  * **/
  * **/
function Page(myBuilder) {
function Page(myBuilder) {
-
 
-
    document.getElementById("igem_header").innerHTML = "reached Page constr: 1";
 
     var subPageNum = 1;
     var subPageNum = 1;
 +
    var leftPage = document.getElementById("left_page");
 +
    var rightPage = document.getElementById("right_page");
     var builder = myBuilder; //defined in script of page
     var builder = myBuilder; //defined in script of page
     var maxSubPage = builder.getMaxSubPage();
     var maxSubPage = builder.getMaxSubPage();
Line 32: Line 18:
         }
         }
     };
     };
-
 
     this.turnPage = function(dir) {
     this.turnPage = function(dir) {
Line 39: Line 24:
         builder.createSubPage(subPageNum);
         builder.createSubPage(subPageNum);
     };
     };
-
 
     this.getSubPageNum = function () {
     this.getSubPageNum = function () {
Line 48: Line 32:
         return maxSubPage;
         return maxSubPage;
     };
     };
-
}
 
-
 
-
/**@description These functions cause the Buttons on the page to change the SubPage when clicked.**/
 
-
leftButton.onclick=function(){
 
-
    thisPage.turnPage(-1);
 
-
    updateButtons(thisPage.getSubPageNum());
 
-
};
 
-
 
-
rightButton.onclick=function(){
 
-
    thisPage.turnPage(1);
 
-
    updateButtons(thisPage.getSubPageNum());
 
-
};
 
-
 
-
function updateButtons(subPageNum) {
 
-
    document.getElementById("igem_header").innerHTML = "reached updateButtons";
 
-
    if(subPageNum == 1) {
 
-
        leftButton.style.visibility = "hidden";
 
-
        rightButton.style.visibility = "visible";
 
-
    }
 
-
    else if(subPageNum == thisPage.getMaxSubPage()) {
 
-
        leftButton.style.visibility = "visible";
 
-
        rightButton.style.visibility = "hidden";
 
-
    }
 
-
    else {
 
-
        leftButton.style.visibility = "visible";
 
-
        rightButton.style.visibility = "visible";
 
-
    }
 
}
}

Latest revision as of 21:50, 25 January 2015

/**@class Page 

* @description A class in charge of creating, updating, and destroying pages between page turns.
* @param pageNum: the page number of the page (e.g. Home = 1, Team = 2, ...)
* **/

function Page(myBuilder) { 

   var subPageNum = 1;
   var leftPage = document.getElementById("left_page");
   var rightPage = document.getElementById("right_page");
   var builder = myBuilder; //defined in script of page
   var maxSubPage = builder.getMaxSubPage();

   this.destroyPage = function() {
       while(leftPage.hasChildNodes()) {
           leftPage.removeChild(leftPage.childNodes[0]);
       }
       while(rightPage.hasChildNodes()) {
           rightPage.removeChild(rightPage.childNodes[0]);
       }
   };

   this.turnPage = function(dir) {
       subPageNum += dir;
       this.destroyPage();
       builder.createSubPage(subPageNum);
   };

   this.getSubPageNum = function () {
       return subPageNum;
   };

   this.getMaxSubPage = function() {
       return maxSubPage;
   };

}

Retrieved from "http://2014.igem.org/Team:Vanderbilt/Page"