Team:Vanderbilt/Buttons

From 2014.igem.org

(Difference between revisions)
(Created page with "function Buttons(lb, rb) { var leftButton = lb; var rightButton = rb; /**@description These functions cause the Buttons on the page to change the SubPage when clicked.**...")
 
(28 intermediate revisions not shown)
Line 1: Line 1:
-
function Buttons(lb, rb)
+
function Buttons(p)
{
{
-
     var leftButton = lb;
+
     var leftButton = document.getElementById("left_button");
-
     var rightButton = rb;
+
     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(){
+
-
    thisPage.turnPage(-1);
+
-
     updateButtons(thisPage.getSubPageNum());
+
-
};
+
rightButton.onclick=function(){
rightButton.onclick=function(){
-
     thisPage.turnPage(1);
+
     page.turnPage(1);
-
     updateButtons(thisPage.getSubPageNum());
+
     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";
 +
    }
};
};
-
this.updateButtons function(subPageNum) {
+
leftButton.onclick=function(){
-
     document.getElementById("igem_header").innerHTML = "reached updateButtons";
+
     page.turnPage(-1);
-
     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 == thisPage.getMaxSubPage()) {
+
     else if(page.getSubPageNum() == page.getMaxSubPage()) {
         leftButton.style.visibility = "visible";
         leftButton.style.visibility = "visible";
         rightButton.style.visibility = "hidden";
         rightButton.style.visibility = "hidden";
Line 29: Line 35:
         rightButton.style.visibility = "visible";
         rightButton.style.visibility = "visible";
     }
     }
-
}
+
};
 +
 
}
}

Latest 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;

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

};

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

};

}