Team:Vanderbilt/Buttons

From 2014.igem.org

(Difference between revisions)
Line 27: Line 27:
     page.turnPage(1);
     page.turnPage(1);
document.getElementById("tmp").innerHTML = "222222";
document.getElementById("tmp").innerHTML = "222222";
-
     this.updateButtons();
+
     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";
 +
    }
document.getElementById("tmp").innerHTML = "3333333";
document.getElementById("tmp").innerHTML = "3333333";
};
};
Line 33: Line 44:
leftButton.onclick=function(){
leftButton.onclick=function(){
     page.turnPage(-1);
     page.turnPage(-1);
-
     this.updateButtons();
+
     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";
 +
    }
};
};
}
}

Revision as of 22:00, 25 January 2015

function Buttons(p) {

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

document.getElementById("tmp").innerHTML = "1aegw";

this.updateButtons = function() { document.getElementById("tmp").innerHTML = "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";
   }

};

rightButton.onclick=function(){

   page.turnPage(1);

document.getElementById("tmp").innerHTML = "222222";

   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";
   }

document.getElementById("tmp").innerHTML = "3333333"; };

leftButton.onclick=function(){

   page.turnPage(-1);
   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";
   }

};

}