Team:Vanderbilt/Buttons

From 2014.igem.org

(Difference between revisions)
Line 9: Line 9:
leftButton.onclick=function(){
leftButton.onclick=function(){
     page.turnPage(-1);
     page.turnPage(-1);
-
     updateButtons(page.getSubPageNum());
+
     updateButtons();
};
};
rightButton.onclick=function(){
rightButton.onclick=function(){
     page.turnPage(1);
     page.turnPage(1);
-
     updateButtons(page.getSubPageNum());
+
     updateButtons();
};
};
this.updateButtons = function(subPageNum) {
this.updateButtons = function(subPageNum) {
-
     if(subPageNum == 1) {
+
     if(page.getSubPageNum() == 1) {
         leftButton.style.visibility = "hidden";
         leftButton.style.visibility = "hidden";
         rightButton.style.visibility = "visible";
         rightButton.style.visibility = "visible";
     }
     }
-
     else if(subPageNum == page.getMaxSubPage()) {
+
     else if(page.getSubPageNum() == page.getMaxSubPage()) {
         leftButton.style.visibility = "visible";
         leftButton.style.visibility = "visible";
         rightButton.style.visibility = "hidden";
         rightButton.style.visibility = "hidden";

Revision as of 21:21, 25 January 2015

function Buttons(p) {

   var leftButton = document.getElementById("left_button");
   var rightButton = document.getElementById("right_button");
   var page = p;

/**@description These functions cause the Buttons on the page to change the SubPage when clicked.**/

leftButton.onclick=function(){

   page.turnPage(-1);
   updateButtons();

};

rightButton.onclick=function(){

   page.turnPage(1);
   updateButtons();

};

this.updateButtons = function(subPageNum) {

   if(page.getSubPageNum() == 1) {
       leftButton.style.visibility = "hidden";
       rightButton.style.visibility = "visible";
   }
   else if(page.getSubPageNum() == page.getMaxSubPage()) {
       leftButton.style.visibility = "visible";
       rightButton.style.visibility = "hidden";
   }
   else {
       leftButton.style.visibility = "visible";
       rightButton.style.visibility = "visible";
   }

}; }