Revision as of 05:05, 16 October 2014

Waterloo iGem 2014 Team

Heading

Instructions Tab
Tab 1
Tab 2
Tab 3

Instructions for Tabs

In the file, use the 'find' function to search for "Content below images." Below this line, the code for the different tabs begin. Between the 'ul' tags, there is a list with the tab names. Change the tabs to list them in order. Under the '/ul' tag and within the 'tabcontents' div, include other divs with the ids in the list of tabs. Between these divs, add the information that you would like displayed when the corresponding tab is selected. Note: The epidemiology map is shown in 'Tab 1'

Tab 1

content 1
content 1
content 1
content 1
content 1
content 1
content 1
content 1
content 1
content 1

Tab2

content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2
content 2

Tab 3

content 3
content 3
content 3
content 3
content 3
content 3
content 3
content 3
content 3
content 3
content 3
content 3

@@ Line 118: / Line 118: @@
 function alignHeadings(){
    var remainingWidth = $("div#topbar").width();
-  if (remainingWidth <= "1000"){
-    $("ul#headings >li").css("display", "none");
-    $("ul#shortheadings >li").css("display", "block");
-    //console.log("working");
-  }
-  else {
      var allheadings = $("ul#headings >li");
      allheadings.css("display", "block");
@@ Line 129: / Line 123: @@
      allheadings.width(remainingWidth / (allheadings.length + 0.5))
        .css({"text-align":"center","line-height":"150%"});
-    //$("button").css("width", allheadings.width());
-    console.log($(remainingWidth));
-  }
 }

Team:Waterloo/TemplatePage

From 2014.igem.org

Revision as of 05:05, 16 October 2014

Heading