Difference between revisions of "Team:Purdue/Navpage"

 
(64 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 letterEntry(letter, Header){
+
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){
 
this.letter=letter;
 
this.letter=letter;
−
var a = [];
+
this.a = 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;
−
var Url_name = [];
+
this.Url_name=Url_name;
 +
this.Url_name = [];
 
var ulList;
 
var ulList;
 
}
 
}
Line 22: 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),"");
+
−
}
+
−
addLink("Home Page,https://2018.igem.org/Team:Purdue");
+
−
 
+
−
 
+
−
arrayToList();
+
−
//now a tags are made, time to place them in an unordered list
+
−
atagsInList();
+
−
}
+
  
 
function addLink(Name_Url){
 
function addLink(Name_Url){
−
for(i = 0; i<=entryBlocks.length; i++){
+
var flag=0
 +
for(i = 0; i<entryBlocks.length; i++){
 
     if(entryBlocks[i].letter==(Name_Url.toUpperCase())[0]){
 
     if(entryBlocks[i].letter==(Name_Url.toUpperCase())[0]){
 
         addLinkToList(Name_Url,i);
 
         addLinkToList(Name_Url,i);
 +
        flag=1;
 +
 
}
 
}
−
    else{
+
}
 +
    if(!flag){
 
     document.getElementById("error").innerHTML="ERROR IN LINK NAME";
 
     document.getElementById("error").innerHTML="ERROR IN LINK NAME";
 
}
 
}
−
}
+
 
 
}
 
}
  
Line 58: Line 105:
  
 
for (k = 0; k < entryBlocks[i].Url_name.length; k++){
 
for (k = 0; k < entryBlocks[i].Url_name.length; k++){
−
temp = entryBlocks[i].Url_name[k].split(",",1);
+
temp = entryBlocks[i].Url_name[k].split(",",2);
 
as =  document.createElement("a");
 
as =  document.createElement("a");
 
as.href=temp[1];
 
as.href=temp[1];
 
as.innerHTML=temp[0];
 
as.innerHTML=temp[0];
−
obj.a.push(as);
+
entryBlocks[i].a.push(as);
 
}
 
}
 
}
 
}
Line 73: Line 120:
 
for (i=0; i < entryBlocks.length; i++){
 
for (i=0; i < entryBlocks.length; i++){
 
entryBlocks[i].ulList = document.createElement("ul");
 
entryBlocks[i].ulList = document.createElement("ul");
−
if(entryBlocks[i].length){
+
if(entryBlocks[i].a.length){
 
for (k=0; k < entryBlocks[i].a.length;k++){
 
for (k=0; k < entryBlocks[i].a.length;k++){
 
list_item = document.createElement("li");
 
list_item = document.createElement("li");
 
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

Special Thanks

to all those that made this possible

Follow Us On

Contact Us

igem@purdue.edu

Kevin Fitzgerald, B025

1203 W State St.

West Lafayette, IN 47906