Team:Vanderbilt/Page
From 2014.igem.org
(Difference between revisions)
Line 15: | Line 15: | ||
* @param pageNum: the page number of the page (e.g. Home = 1, Team = 2, ...) | * @param pageNum: the page number of the page (e.g. Home = 1, Team = 2, ...) | ||
* **/ | * **/ | ||
- | function Page( | + | function Page(myBuilder) { |
document.getElementById("igem_header").innerHTML = "reached Page constr: 1"; | document.getElementById("igem_header").innerHTML = "reached Page constr: 1"; |
Revision as of 19:54, 25 January 2015
/**
* 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
* @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) {
document.getElementById("igem_header").innerHTML = "reached Page constr: 1"; var subPageNum = 1; 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; };
}
var thisPage = new Page(thisPageNum);
thisPage.turnPage(0);
/**@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"; }
}