Difference between revisions of "Template:Team:Bielefeld-CeBiTec/JS"

m (pages begin now with white contentbox)
 
(16 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<script>
 
<script>
−
 
−
 
  
 
$(document).ready(function() {
 
$(document).ready(function() {
Line 68: Line 66:
 
$("li.navbar-paragraph").attr("style", "line-height: " + ($logoHeight * ((100 - $scrollHeight)/100)) + "px;");
 
$("li.navbar-paragraph").attr("style", "line-height: " + ($logoHeight * ((100 - $scrollHeight)/100)) + "px;");
 
$(".sub-navbar").attr("style", "top: " + ($logoHeight + 16) + "px;");
 
$(".sub-navbar").attr("style", "top: " + ($logoHeight + 16) + "px;");
−
/*if ($imgSrc == "https://static.igem.org/mediawiki/2017/4/4a/T--Bielefeld-CeBiTec--expand_monochrome_white_2.svg") {
+
if ($imgSrc == "https://static.igem.org/mediawiki/2017/4/4a/T--Bielefeld-CeBiTec--expand_monochrome_white_2.svg") {
−
$(".container").attr("style", "margin-top: " + ($logoHeight + 10) + "px;");
+
//$(".container.start-page").attr("style", "padding-top: " + ($logoHeight + 10) + "px;");
−
}*/
+
}
 
if ($scrollHeight >= 80) {
 
if ($scrollHeight >= 80) {
 
$("li.navbar-paragraph").hide();
 
$("li.navbar-paragraph").hide();
Line 102: Line 100:
 
$(window).on('load', function() {
 
$(window).on('load', function() {
 
$story = ["https://2017.igem.org/Team:Bielefeld-CeBiTec",
 
$story = ["https://2017.igem.org/Team:Bielefeld-CeBiTec",
 +
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Project/Overview",
 
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Project/unnatural_base_pair",
 
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Project/unnatural_base_pair",
 
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Project/unnatural_base_pair/unnatural_base_pairs",
 
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Project/unnatural_base_pair/unnatural_base_pairs",
Line 116: Line 115:
 
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Project/toolbox/photolysis",
 
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Project/toolbox/photolysis",
 
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Project/toolbox/fusing",
 
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Project/toolbox/fusing",
 +
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Demonstrate",
 
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Results/unnatural_base_pair",
 
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Results/unnatural_base_pair",
−
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Results/unnatural_base_pair/uptake_and_biosynthesis",
+
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Results/unnatural_base_pair/uptake",
 +
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Results/unnatural_base_pair/biosynthesis",
 
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Results/unnatural_base_pair/preservation_system",
 
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Results/unnatural_base_pair/preservation_system",
 
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Results/unnatural_base_pair/development_of_new_methods",
 
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Results/unnatural_base_pair/development_of_new_methods",
Line 129: Line 130:
 
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Results/toolbox/photolysis",
 
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Results/toolbox/photolysis",
 
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Results/toolbox/fusing",
 
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Results/toolbox/fusing",
−
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Demonstrate",
 
 
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Parts",
 
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Parts",
 
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Basic_Part",
 
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Basic_Part",
Line 139: Line 139:
 
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Software",
 
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Software",
 
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Model",
 
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Model",
 +
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Measurement",
 +
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Applied_Design",
 
"https://2017.igem.org/Team:Bielefeld-CeBiTec/InterLab",
 
"https://2017.igem.org/Team:Bielefeld-CeBiTec/InterLab",
 
"https://2017.igem.org/Team:Bielefeld-CeBiTec/HP",
 
"https://2017.igem.org/Team:Bielefeld-CeBiTec/HP",
Line 155: Line 157:
 
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Notebook/Oligonucleotides",
 
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Notebook/Oligonucleotides",
 
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Notebook/Labjournal",
 
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Notebook/Labjournal",
 +
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Notebook/LabnotesGenerator",
 
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Safety"];
 
"https://2017.igem.org/Team:Bielefeld-CeBiTec/Safety"];
 
 
 
$url = window.location.href;
 
$url = window.location.href;
 +
if ($url.indexOf("#") > -1) {
 +
$url = $url.substring(0, $url.indexOf("#"));
 +
}
 
$index = 0;
 
$index = 0;
 
for (i = 0; i < $story.length; i++) {
 
for (i = 0; i < $story.length; i++) {
Line 167: Line 173:
 
if ($index == 0) {
 
if ($index == 0) {
 
$("#page-switch-prev-li").hide();
 
$("#page-switch-prev-li").hide();
 +
$("#footer-left").html("<p></p>");
 
} else {
 
} else {
 
$("#page-switch-prev").attr("href", $story[$index - 1]);
 
$("#page-switch-prev").attr("href", $story[$index - 1]);
Line 175: Line 182:
 
$("#page-switch-next").attr("href", $story[$index + 1]);
 
$("#page-switch-next").attr("href", $story[$index + 1]);
 
}
 
}
−
 
−
//recolor contentboxes
 
−
$('.contentbox').each(function(i, obj) {
 
−
/*if ((i % 3) == 1) {
 
−
$(obj).css("background", "#eeeeee");
 
−
} else if ((i % 3) == 2) {
 
−
$(obj).css("background", "#ffffff");
 
−
} else if ((i % 3) == 0) {
 
−
$len = $url.length;
 
−
if ($len % 4 == 0) {
 
−
$(obj).css("background-image", "url(freezer_bright_small.jpg)");
 
−
} else if ($len % 4 == 1) {
 
−
$(obj).css("background-image", "url(freezer2_bright_small.jpg)");
 
−
} else if ($len % 4 == 2) {
 
−
$(obj).css("background-image", "url(plates_bright_small.jpg)");
 
−
} else if ($len % 4 == 3) {
 
−
$(obj).css("background-image", "url(platestacks_bright_small.jpg)");
 
−
}
 
−
}*/
 
−
if ((i % 2) == 1) {
 
−
$(obj).css("background", "#f0f0f0");
 
−
} else if ((i % 2) == 0) {
 
−
$(obj).css("background", "#ffffff");
 
−
}
 
−
$content = $(obj).children(".content");
 
−
});
 
 
 
 
hideNavbars();
 
hideNavbars();
Line 216: Line 197:
 
$("#cover-box-text").css({"background":"rgba(255, 255, 255, 1)"});
 
$("#cover-box-text").css({"background":"rgba(255, 255, 255, 1)"});
 
 
 +
if ($(window).scrollTop() == 0) {
 +
$("#page-arrow-top").css("display", "none");
 +
} else {
 +
$("#page-arrow-top").css("display", "block");
 +
}
 +
 +
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phone|Kindle|Silk|Opera Mini/i.test(navigator.userAgent)) {
 +
$(".test").html("mobile");
 +
} else {
 +
$(".test").html("not mobile");
 +
}
 
});
 
});
  
Line 496: Line 488:
  
  
−
$(document).ready(function() {
+
/*$(document).ready(function() {
 
     $(".figure").mousedown(function() {
 
     $(".figure").mousedown(function() {
 
$clickItem = $(this);
 
$clickItem = $(this);
Line 513: Line 505:
 
$("#cover-img").width($newSize + "px");
 
$("#cover-img").width($newSize + "px");
 
}*/
 
}*/
−
$("#cover-p").html($p.html());
+
/*$("#cover-p").html($p.html());
 
$(".cover").fadeIn(200);
 
$(".cover").fadeIn(200);
 
 
Line 522: Line 514:
 
$("#cover-box").css("top", $topPos);
 
$("#cover-box").css("top", $topPos);
 
     });
 
     });
−
});
+
});*/
  
 
$(document).ready(function() {
 
$(document).ready(function() {
Line 530: Line 522:
 
});
 
});
  
 +
$(document).ready(function() {
 +
    $(".page-switch.prev").mouseover(function() {
 +
$hoverItem = $(this);
 +
$hoverItem.attr("src", "https://static.igem.org/mediawiki/2017/c/cd/T--Bielefeld-CeBiTec--page-arrow-previous-white.svg");
 +
    });
 +
$(".page-switch.next").mouseover(function() {
 +
$hoverItem = $(this);
 +
$hoverItem.attr("src", "https://static.igem.org/mediawiki/2017/4/45/T--Bielefeld-CeBiTec--page-arrow-next-white.svg");
 +
    });
 +
$("#page-arrow-top").mouseover(function() {
 +
$hoverItem = $(this);
 +
$hoverItem.attr("src", "https://static.igem.org/mediawiki/2017/d/dc/T--Bielefeld-CeBiTec--page-arrow-top-white.svg");
 +
    });
 +
});
 +
 +
$(document).ready(function() {
 +
    $(".page-switch.prev").mouseout(function() {
 +
$hoverItem = $(this);
 +
$hoverItem.attr("src", "https://static.igem.org/mediawiki/2017/4/44/T--Bielefeld-CeBiTec--page-arrow-previous.svg");
 +
    });
 +
$(".page-switch.next").mouseout(function() {
 +
$hoverItem = $(this);
 +
$hoverItem.attr("src", "https://static.igem.org/mediawiki/2017/c/c8/T--Bielefeld-CeBiTec--page-arrow-next.svg");
 +
    });
 +
$("#page-arrow-top").mouseout(function() {
 +
$hoverItem = $(this);
 +
$hoverItem.attr("src", "https://static.igem.org/mediawiki/2017/b/b2/T--Bielefeld-CeBiTec--page-arrow-top.svg");
 +
    });
 +
});
 +
 +
function topFunction() {
 +
    document.body.scrollTop = 0; // For Chrome, Safari and Opera
 +
    document.documentElement.scrollTop = 0; // For IE and Firefox
 +
}
 +
 +
$(window).scroll(function(){
 +
if ($(window).scrollTop() == 0) {
 +
$("#page-arrow-top").css("display", "none");
 +
} else {
 +
$("#page-arrow-top").css("display", "block");
 +
}
 +
if ($(window).scrollTop() > 50) {
 +
$("#page-arrow-top").css("opacity", 1);
 +
} else {
 +
$("#page-arrow-top").css("opacity", ($(window).scrollTop() / 50));
 +
}
 +
    if ($(window).scrollTop() > $(document).height() - $(window).height() - 80) {
 +
$newPos = 20 + ($(window).scrollTop() - ($(document).height() - $(window).height() - 80));
 +
$("#page-arrow-top").css("bottom", $newPos + "px");
 +
    } else {
 +
$("#page-arrow-top").css("bottom", "20px");
 +
}
 +
});
 +
 +
$(document).ready(function() {
 +
    $(".hidden-expand").mousedown(function() {
 +
$clickItem = $(this);
 +
$clickItem.parent().next(".hidden-block").slideToggle(500, function() {});
 +
    });
 +
});
  
  
 
</script>
 
</script>
 
</html>
 
</html>

Latest revision as of 03:57, 2 November 2017