Line 157: | Line 157: | ||
#navigation a{ | #navigation a{ | ||
padding-left:8px; | padding-left:8px; | ||
+ | } | ||
+ | |||
+ | li#current-navigation > a { | ||
+ | background-color:#990000; | ||
+ | color:white; | ||
} | } | ||
Line 634: | Line 639: | ||
<ul id="nav-items"> | <ul id="nav-items"> | ||
<li><a href="https://2016.igem.org/Team:DTU-Denmark/bla" class="achievements nav-item" id="achievements"><strong>Achievements</strong></a></li> | <li><a href="https://2016.igem.org/Team:DTU-Denmark/bla" class="achievements nav-item" id="achievements"><strong>Achievements</strong></a></li> | ||
− | <li><a href="#" class="project nav-item" id="project"><strong>Project</strong></a></li> | + | <li><a href="file:///C:/Users/Mikkel/Dropbox/iGem/Wiki/index.html#" class="project nav-item" id="project"><strong>Project</strong></a></li> |
<li><a href="#" class="results nav-item" id="parts"><strong>Parts</strong></a></li> | <li><a href="#" class="results nav-item" id="parts"><strong>Parts</strong></a></li> | ||
<li><a href="#" class="notebook nav-item" id="notebook"><strong>Notebook</strong></a></li> | <li><a href="#" class="notebook nav-item" id="notebook"><strong>Notebook</strong></a></li> | ||
Line 756: | Line 761: | ||
window.onload = function (){ | window.onload = function (){ | ||
var current_url = window.location.href | var current_url = window.location.href | ||
− | + | var search_name = "a[href=\'" + current_url + "\']" | |
+ | var position_link = document.querySelectorAll(search_name); | ||
+ | var link_p1 = $(position_link).parent(); | ||
+ | var link_p2 = $(link_p1).parent(); | ||
+ | var link_p3 = $(link_p2).parent(); | ||
+ | |||
+ | if(link_p2.attr('id') == "nav-items"){ | ||
+ | link_p1.css("background-color", "#990000"); | ||
+ | link_p1.css("color", "white"); | ||
+ | |||
+ | for (var i = 0; i < position_link.length; i++) { | ||
+ | var name = position_link[i].id; | ||
+ | } | ||
+ | |||
+ | var sub_name = name + "-sub"; | ||
+ | var current_sub_bar = document.getElementById(sub_name) | ||
+ | current_sub_bar.className = "active-sub"; | ||
+ | } | ||
+ | |||
} | } | ||
</script> | </script> |
Revision as of 11:02, 5 August 2016