Team:Vanderbilt/Buttons

From 2014.igem.org

(Difference between revisions)
Line 25: Line 25:
this.updateButtons = function(subPageNum) {
this.updateButtons = function(subPageNum) {
     document.getElementById("igem_header").innerHTML = "reached updateButtons";
     document.getElementById("igem_header").innerHTML = "reached updateButtons";
-
     if(page.subPageNum == 1) {
+
     if(subPageNum == 1) {
         leftButton.style.visibility = "hidden";
         leftButton.style.visibility = "hidden";
         rightButton.style.visibility = "visible";
         rightButton.style.visibility = "visible";
     }
     }
-
     else if(page.subPageNum == thisPage.getMaxSubPage()) {
+
     else if(subPageNum == thisPage.getMaxSubPage()) {
         leftButton.style.visibility = "visible";
         leftButton.style.visibility = "visible";
         rightButton.style.visibility = "hidden";
         rightButton.style.visibility = "hidden";

Revision as of 21:17, 25 January 2015

document.getElementById("igem_header").innerHTML = "reached before buttons creation";

function Buttons(p) {

   var leftButton = document.getElementById("left_button");
   var rightButton = document.getElementById("right_button");
   var page = p;
   document.getElementById("igem_header").innerHTML = "reached inside buttons creation";

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

leftButton.onclick=function(){

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

};

rightButton.onclick=function(){

   document.getElementById("igem_header").innerHTML = "reached rightbutton on click";
   page.turnPage(1);
   updateButtons(page.getSubPageNum());

};

this.updateButtons = function(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";
   }

}; }