Team:Brown/templates/header
From 2010.igem.org
(Difference between revisions)
Line 2: | Line 2: | ||
<html> | <html> | ||
<!-- BEGIN Breadcrumbs script from TU Delft --> | <!-- BEGIN Breadcrumbs script from TU Delft --> | ||
- | <script | + | <script> |
- | // | + | //Configure the script here |
- | var | + | var teamname = "Brown"; |
- | + | // Loop through the URL | |
- | + | function buildDepth(array,count) { | |
- | var | + | var depthStr=""; |
- | + | for (i=0;i<count;i++) | |
- | + | { | |
- | + | depthStr=depthStr + array[i] + "/" ; | |
- | + | } | |
+ | return depthStr; | ||
} | } | ||
- | function | + | // The function |
- | + | function buildBreadCrumbTrail(page) { | |
- | + | // Declare vars | |
+ | var constituentFolders = new Array(); | ||
+ | var currentURL = page; | ||
+ | |||
+ | // Split the URL | ||
+ | constituentFolders=currentURL.split("/"); | ||
+ | |||
+ | // Start with a link to the team home page | ||
+ | var outputStr="<a href='https://2010.igem.org/Team:'" + teamname + ">Home</a>"; | ||
+ | |||
+ | // Loop through the URL | ||
+ | for (count=0;count<(constituentFolders.length);count++) | ||
+ | { | ||
+ | outputStr=outputStr + " > <a href='https://2010.igem.org/Team:" + teamname + buildDepth(constituentFolders,count) + constituentFolders[count] + "'>" + capitaliseFirstLetter(constituentFolders[count]).replace(/-/gi," ") + "</a>"; | ||
} | } | ||
- | + | // Write to the div | |
- | + | $("#breadcrumbs").html(outputStr); | |
- | + | ||
- | / | + | |
- | + | ||
- | + | ||
} | } | ||
- | function capitaliseFirstLetter(string) | + | // Capitalize the first letter |
- | { | + | function capitaliseFirstLetter(string) { |
return string.charAt(0).toUpperCase() + string.slice(1); | return string.charAt(0).toUpperCase() + string.slice(1); | ||
} | } | ||
- | + | ||
- | + | // Start the script upon page load | |
- | + | $(function() { | |
- | + | buildBreadCrumbTrail(window.location.pathname); | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</script> | </script> | ||
+ | |||
<style> | <style> | ||
/*BEGIN HEADER/MENU REMOVAL*/ | /*BEGIN HEADER/MENU REMOVAL*/ | ||
Line 124: | Line 117: | ||
<html> | <html> | ||
<body> | <body> | ||
- | <div style="position: relative; width: 949px; height: 150px; background: url('https://static.igem.org/mediawiki/2010/d/d2/Mainlogo.jpg'); clear: both; "> | + | <div id="logo" style="position: relative; width: 949px; height: 150px; background: url('https://static.igem.org/mediawiki/2010/d/d2/Mainlogo.jpg'); clear: both; "> |
</div> | </div> | ||
</html> | </html> | ||
{{:Team:Brown/templates/menu}} | {{:Team:Brown/templates/menu}} | ||
<div id="breadcrumbs"></div> | <div id="breadcrumbs"></div> |
Revision as of 02:42, 24 October 2010