Difference between revisions of "Team:Purdue/Navpage"

 
(56 intermediate revisions by 2 users not shown)
Line 3: Line 3:
 
<head>
 
<head>
 
<script>
 
<script>
 +
//Hi Welcome to the NavPage
 +
// In order to add your link, please See the comments in the function Called Main.
 +
 +
 
$(document).ready(() => {
 
$(document).ready(() => {
 +
function Main(){
 +
 +
//Generate an array for each letter;
 +
var charCode = 65;
 +
for(i = 0; i<26; i++){
 +
    entryBlocks[i]= new letterEntry(String.fromCharCode(charCode+i),"","");
 +
}
 +
//--------------------------------------------------------------------------
 +
//ADD LINKS TO YOUR PAGES HERE USING THIS FORMAT
 +
 +
// addLink("Name of text that will act as link/name of page,URL to your page");
 +
 +
// It's important to not include a space between the comma,
 +
// It doesn't matter which order you place the link, just as long as it is before the arrayToList(); call
 +
// If after you add the link, but an ERROR appears on the top of the loaded page, then you added it incorrectly
 +
//---------------------------------------------------------------------
 +
addLink("Home Page,https://2018.igem.org/Team:Purdue");
 +
addLink("Problem,https://2018.igem.org/Team:Purdue/Design");
 +
addLink("Solution,https://2018.igem.org/Team:Purdue/Description");
 +
addLink("Integrated Human Practices,https://2018.igem.org/Team:Purdue/Human_Practices");
 +
addLink("Collaborations ,https://2018.igem.org/Team:Purdue/Collaborations");
 +
addLink("Survey, https://2018.igem.org/Team:Purdue/Survey");
 +
addLink("Genetic Construct,https://2018.igem.org/Team:Purdue/Genetic_Pathway");
 +
addLink("Experiments,https://2018.igem.org/Team:Purdue/Experiments");
 +
addLink("Model,https://2018.igem.org/Team:Purdue/Model");
 +
addLink("Hardware,https://2018.igem.org/Team:Purdue/Hardware");
 +
addLink("Safety,https://2018.igem.org/Team:Purdue/Safety");
 +
addLink("Laboratory Protocols,https://2018.igem.org/Team:Purdue/Protocols");
 +
addLink("Lab Notebook,https://2018.igem.org/Team:Purdue/Notebook");
 +
addLink("Interlab Study,https://2018.igem.org/Team:Purdue/Interlab");
 +
//addLink("Demonstration of Effectiveness,https://2018.igem.org/Team:Purdue/Demonstrate");
 +
addLink("Parts,https://2018.igem.org/Team:Purdue/Parts");
 +
//addLink("Results of our Model,https://2018.igem.org/Team:Purdue/Model");
 +
addLink("Team's Judging Form,https://igem.org/2018_Judging_Form?team=Purdue");
 +
//addLink("Team History,https://2018.igem.org/Team:Purdue/History");
 +
addLink("Team Bios,https://2018.igem.org/Team:Purdue/Team");
 +
//addLink("Please Remove if not needed Measurements Page,https://2018.igem.org/Team:Purdue/Measurement");
 +
addLink("Attributions,https://2018.igem.org/Team:Purdue/Attributions");
 +
addLink("Quiz,https://2018.igem.org/Team:Purdue/Quiz");
 +
//addLink("Try our Game,https://2018.igem.org/Team:Purdue/Game");
 +
//addLink("Applied Model,https://2018.igem.org/Team:Purdue/Applied_Model");
 +
//addLink("Applied Design,https://2018.igem.org/Team:Purdue/Applied_Design");
 +
 +
//PLACE YOUR LINKS BEFORE THIS LINE
 +
arrayToList();
 +
//now a tags are made, time to place them in an unordered list
 +
atagsInList();
 +
}
 +
 +
 
function letterEntry(letter, Header,Url_name, a){
 
function letterEntry(letter, Header,Url_name, a){
 
this.letter=letter;
 
this.letter=letter;
Line 9: Line 63:
 
this. a = [];
 
this. a = [];
 
this.Header = Header;
 
this.Header = Header;
this.Header = document.createElement("h1");
+
this.Header = document.createElement("h2");
 
this.Header.innerHTML=letter;
 
this.Header.innerHTML=letter;
 
this.Url_name=Url_name;
 
this.Url_name=Url_name;
Line 24: Line 78:
  
  
  function Main(){
+
   
 
+
//Generate an array for each letter;
+
var charCode = 65;
+
for(i = 0; i<26; i++){
+
    entryBlocks[i]= new letterEntry(String.fromCharCode(charCode+i),"","");
+
}
+
 
+
//ADD LINKS TO YOUR PAGES HERE USING THIS FORMAT
+
// addLink("Name of text that will act as link/name of page,URL to your page");
+
// It's important to not include a space between the comma,
+
addLink("Home Page,https://2018.igem.org/Team:Purdue");
+
addLink("Project Description,https://2018.igem.org/Team:Purdue/Description");
+
 
+
arrayToList();
+
//now a tags are made, time to place them in an unordered list
+
atagsInList();
+
}
+
  
 
function addLink(Name_Url){
 
function addLink(Name_Url){
Line 88: Line 125:
 
list_item.appendChild(entryBlocks[i].a[k]);
 
list_item.appendChild(entryBlocks[i].a[k]);
 
entryBlocks[i].ulList.appendChild(list_item);
 
entryBlocks[i].ulList.appendChild(list_item);
 +
 +
//Special addition to the judging form link
 +
if(entryBlocks[i].a[k].href=="https://igem.org/2018_Judging_Form?team=Purdue"){
 +
entryBlocks[i].a[k].target= "_blank";
 
}
 
}
 
}
 
}
 +
if(entryBlocks[i].a.length){
 
document.getElementById("di").appendChild(entryBlocks[i].Header);
 
document.getElementById("di").appendChild(entryBlocks[i].Header);
 
document.getElementById("di").appendChild(entryBlocks[i].ulList);
 
document.getElementById("di").appendChild(entryBlocks[i].ulList);
 +
 +
 +
 +
 +
}
 +
}
 
}
 
}
 
}
 
}
 
});
 
});
 
</script>
 
</script>
 
+
.
 
</head>
 
</head>
<div class="basic-page-body" id="di">
+
 
 +
<div class="body alternate">
 +
<div class="section">
 +
<div class="spacer-small"></div>
 +
<div class="spacer-small"></div>
 +
<div class="wrapper">
 +
<h1> Navigation Page </h1>
 +
</div>
 +
<div class="wrapper" id="di">
 
<!-- This page is for the creation of an alphabetical pages link -->
 
<!-- This page is for the creation of an alphabetical pages link -->
 
<p id="error"></p>
 
<p id="error"></p>
 
 
</div>
 
</div>
 
</html>
 
</html>
 +
{{:Team:Purdue/Footer}}

Latest revision as of 03:04, 18 October 2018

Bootstrap Example

.

Navigation Page