Team:Heidelberg/DesignTest
From 2013.igem.org
(Difference between revisions)
m |
m |
||
Line 15: | Line 15: | ||
rotateMenu("menu-safety", getMenuAngle(2.2), -1); | rotateMenu("menu-safety", getMenuAngle(2.2), -1); | ||
} | } | ||
- | + | ||
- | window.onload | + | //NEW. Merged existing window.onload() with slider initialization |
- | + | ||
- | + | (function() { | |
- | + | ||
- | + | ||
- | + | $(window).load(function() { | |
- | + | ||
- | + | ||
- | + | (function(){ | |
- | + | try { | |
- | + | var drop_lists = document.getElementsByClassName("drop-navi-left"); | |
- | + | for (var i = 0; i < drop_lists.length; i++) { | |
- | + | var item = drop_lists[i]; | |
- | + | while (item.tagName !== "UL") { | |
- | + | var item = item.nextSibling; | |
- | + | } | |
- | + | item.style.display = "none"; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | element.style.display = "block"; | + | |
+ | var navbar = document.getElementById("navigation-bar"); | ||
+ | if (navbar) { | ||
+ | var navi_links = navbar.getElementsByTagName("A"); | ||
+ | for (var i = 0; i < navi_links.length; i++) { | ||
+ | if (document.documentURI.indexOf(navi_links[i].href) !== -1) { | ||
+ | navi_links[i].style.color = "#FFCC00"; | ||
+ | var element = navi_links[i]; | ||
+ | while (element.parentNode.tagName !== "DIV") { | ||
+ | var element = element.parentNode; | ||
+ | if (element.tagName == "LI") element.style.display = "list-item"; | ||
+ | else element.style.display = "block"; | ||
+ | } | ||
+ | var element = navi_links[i].parentNode; | ||
+ | if (element.className == "drop-navi-left") { | ||
+ | while (element.tagName !== "UL") { | ||
+ | var element = element.nextSibling; | ||
+ | } | ||
+ | element.style.display = "block"; | ||
+ | } | ||
+ | break; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
} | } | ||
- | + | catch (e) { | |
+ | //alert(e); | ||
+ | } | ||
+ | |||
+ | })(); | ||
+ | |||
+ | |||
+ | |||
+ | var $flexslider = $('.flexslider'); | ||
+ | |||
+ | //only do when there is any slider on the page | ||
+ | if ($flexslider) { | ||
+ | |||
+ | |||
+ | (function() { | ||
+ | var linkelem; | ||
+ | |||
+ | //load the slider specific CSS | ||
+ | linkelem = document.createElement('link'); | ||
+ | linkelem.setAttribute("rel", "stylesheet"); | ||
+ | linkelem.setAttribute("type", "text/css"); | ||
+ | linkelem.setAttribute("href", "flexslider.css"); | ||
+ | document.getElementsByTagName("head")[0].appendChild(linkelem); | ||
+ | |||
+ | //add favorite icon if specified | ||
+ | var faviconURL =""; //favicon.ico | ||
+ | if (faviconURL){ | ||
+ | linkelem = document.createElement('link'); | ||
+ | linkelem.setAttribute("rel", "shortcur icon"); | ||
+ | linkelem.setAttribute("type", "image/x-icon"); | ||
+ | linkelem.setAttribute("href", "favicon.ico"); | ||
+ | document.getElementsByTagName("head")[0].appendChild(linkelem); | ||
+ | } | ||
+ | |||
+ | |||
+ | })(); | ||
+ | |||
+ | //load the slider specific javascript code | ||
+ | $.getScript("jquery.flexslider.js", function(data, textStatus, jqxhr) { | ||
+ | |||
+ | $flexslider.flexslider({ | ||
+ | animation: "slide", | ||
+ | animationLoop: true, | ||
+ | itemWidth: 110, | ||
+ | itemMargin: 0, | ||
+ | minItems: 1, | ||
+ | maxItems: 3 | ||
+ | }); | ||
+ | |||
+ | }); | ||
} | } | ||
- | } | + | |
+ | }); | ||
+ | |||
+ | |||
+ | }()); | ||
+ | |||
+ | //from here on same as before | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
function start_tour() { | function start_tour() { | ||
var tour_navi = document.getElementById("tour-navi"); | var tour_navi = document.getElementById("tour-navi"); |
Revision as of 11:07, 13 September 2013
Find all templates used on the templates page with coresponding explanations.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Philosophers StoneLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.Philosophers StoneLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.Philosophers StoneLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. |
Philosophers StoneLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.Philosophers StoneLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.Philosophers StoneLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. |
Philosophers StoneLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.Philosophers StoneLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.Philosophers StoneLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. |
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING