Zigapusnik (Talk | contribs) |
Zigapusnik (Talk | contribs) |
||
Line 419: | Line 419: | ||
for (var i = 0; i < elements.length; i++) { | for (var i = 0; i < elements.length; i++) { | ||
console.log(i); | console.log(i); | ||
− | elements[i].setAttribute("style", "font-size: | + | elements[i].setAttribute("style", "font-size:5px;"); |
} | } | ||
} | } | ||
Line 427: | Line 427: | ||
for (var i = 0; i < elements.length; i++) { | for (var i = 0; i < elements.length; i++) { | ||
console.log(i); | console.log(i); | ||
− | elements[i].setAttribute("style", "font-size: | + | elements[i].setAttribute("style", "font-size:7px;"); |
} | } | ||
} | } | ||
Line 435: | Line 435: | ||
for (var i = 0; i < elements.length; i++) { | for (var i = 0; i < elements.length; i++) { | ||
console.log(i); | console.log(i); | ||
− | elements[i].setAttribute("style", "font-size: | + | elements[i].setAttribute("style", "font-size:9px;"); |
} | } | ||
} | } | ||
Line 443: | Line 443: | ||
for (var i = 0; i < elements.length; i++) { | for (var i = 0; i < elements.length; i++) { | ||
console.log(i); | console.log(i); | ||
− | elements[i].setAttribute("style", "font-size: | + | elements[i].setAttribute("style", "font-size:11px;"); |
} | } | ||
} | } |
Revision as of 17:59, 19 October 2016
function reloader() {
try { //console.log('start'); /*$('.ui.sticky.global').sticky({ context: '#context', offset: 16 }); $('.ui.sticky.image').sticky({ context: '#context', offset: 27 }); $('.ui.sticky.text.menu').sticky({ context: '#context', offset: 200 }); $('.ui.sticky.text').sticky({ context: '#context', offset: 200 });*/ $('.image_div > img').visibility({ type: 'image', transition: 'fade in', duration: 500 }); $('.teamimg').hover(function () { var width = $(this).outerWidth() / 2; $(this).find('.left').animate({right: width}, {queue: false, duration: 300}); $(this).find('.right').animate({left: width}, {queue: false, duration: 300}); }, function () { $(this).find('.left').animate({right: 0}, {queue: false, duration: 300}); $(this).find('.right').animate({left: 0}, {queue: false, duration: 300}); }); $(function () { // The parameter are the selector for the container(s) of text in which you want replacement // and a URL pointing to your bibfile - mind the same origin policy... var zitator = new Zitator(".citing", "//2016.igem.org/wiki/images/5/53/T--Slovenia--references.txt"); zitator.zitiere(); }); function isScrolledIntoView(elem) { var docViewTop = $(window).scrollTop(); var docViewBottom = docViewTop + $(window).height() - $("#menucomb").height();
var elemTop = $(elem).offset().top; var elemBottom = elemTop + $(elem).height();
if (elemTop >= docViewTop) { return true; } else if (elemBottom >= docViewBottom) { return true; } return false; // || elemTop >= docViewTop) ; }
function clearStyleOfSideMenu() { //console.log("calling a function"); var id = null; $("span.section.colorize").each(function () { var id = this.id; //console.log(id); var selector = 'a[href*="#'.concat(id).concat('"]'); $(selector).css("color", ""); });
$("span.section.colorize").each(function() { var ident = this.id; console.log(ident); console.log(this); if(ident != "") { var parent = (this.parentNode).parentNode; if(isScrolledIntoView(parent)) { var selector = 'a[href*="#'.concat(ident).concat('"]'); $(selector).css("color", "#DB2828"); console.log(selector); return false; } } });
/*var color = true; $(".section").each(function () { //clear each parent var id = this.id; var selector = 'a[href*="#'.concat(id).concat('"]'); if (isScrolledIntoView($(this).parent().parent())) { // nastavi barvo trenutni sekcij if(color) {
console.log("section is found"); color = false; return false; //break from function } } });*/ }
$(document).ready(function () { clearStyleOfSideMenu(); $(window).scroll(function () { clearStyleOfSideMenu(); }); } ); $(".menuItem").mouseenter( function () { var loc = window.location.href; var defaultItem; var parent; $(".submenu").each(function () { var context = this; $("a", context).each(function () { if (loc.match(/[^#]*/) == $(this).attr("href")) { defaultItem = $(context).attr("id"); parent = $("#".concat(defaultItem.replace("Submenu", ""))); } }); } ); $(".ui.simple.item.menuItem a").each(function () { if (loc.match(/[^#]*/) == $(this).attr("href")) { parent = $($(this).parents('.ui.simple.item.menuItem')); defaultItem = (parent.attr('id')).concat("Submenu"); //console.log(defaultItem); } }); defaultItem = document.getElementById(defaultItem); clearElements(); var submenu = document.getElementById(this.id.concat("Submenu")); var submenuText = document.getElementById("SecondarySubmenu"); if (submenuText.innerHTML != submenu.innerHTML) { this.className = "ui simple active item menuItem"; submenuText.innerHTML = submenu.innerHTML; } else { parent.attr("class", "ui simple active item menuItem"); submenuText.innerHTML = defaultItem.innerHTML; } } ); $("#menucomb").mouseleave(function () { setDefaultMenu(); } ); } catch (e) { //console.log('startReloading'); $.getScript("https://2016.igem.org/Team:Slovenia/libraries/semantic-min-js?action=raw&ctype=text/javascript", function () { //console.log('success'); reloader(); }); //console.log('endReloading'); }
} $(document).ready(injectHeader); $(document).ready(reloader); function enumerateKeys(object) {
var numberPairs = {}; var objectPairs = {}; var number = 0;
var matches = document.body.querySelectorAll(object + '[data-ref]'); while (number < matches.length) { var refName = matches[number].dataset.ref;
console.log(refName); console.log(matches[number]);
if (refName in numberPairs) { console.log(refName, "This label has already been assigned."); } else { numberPairs[number + 1] = matches[number]; objectPairs[refName] = number + 1; console.log(refName); } number++; } return [numberPairs, objectPairs, number];
}
function enumerate() {
var tables = enumerateKeys('table'); var figures = enumerateKeys('figure');
var maximum = Math.max(tables[2], figures[2]);
for (var number = 1; number <= maximum; number++) { if (number in tables[0]) { $(tables[0][number]).children('caption').prepend("Table " + number + ": ") } if (number in figures[0]) { $(figures[0][number]).children('figcaption').prepend("Figure " + number + ": ") } }
$(this).find('ref').each(function () { var label = $(this).text(); $(this).click(function (event) { event.preventDefault(); }); if (label in tables[1]) { var number = tables[1][label]; $(this).html("<a href=> Table " + tables[1][label] + " </a>"); $(this).on('click', function () { window.scroll(0, $(tables[0][number]).offset().top - 150); }) } else { var number = figures[1][label]; $(this).html("<a href=>Figure " + figures[1][label] + "</a>"); $(this).on('click', function () { window.scroll(0, $(figures[0][number]).offset().top - 150); }) } });
} $(document).ready(enumerate); $(document).ready(setDefaultMenu); $(document).ready(function(){
$('.ui.accordion').accordion();
});
function resize(img) {
if (!(img.className.indexOf("big") >= 0)) { img.className = "ui big centered image"; img.parentElement.parentElement.setAttribute("align-property", img.parentElement.parentElement.align); img.parentElement.parentElement.setAttribute("align", "center"); img.parentElement.parentElement.setAttribute("data-property", img.parentElement.parentElement.style.cssText); img.parentElement.parentElement.style.cssText = "clear: both"; } else { img.parentElement.parentElement.setAttribute("align", ""); img.className = "ui image"; img.parentElement.parentElement.style.cssText = img.parentElement.parentElement.getAttribute("data-property"); img.parentElement.parentElement.align = img.parentElement.parentElement.getAttribute("align-property"); } //scroll to image, (if two images are floated and the right one is resised, then the image gets pushed down) //var top = img.offsetTop; //console.log($(img).offset().top); //console.log($("menucomb").height()); $(window).scrollTop($(img).offset().top - $(window).height()/2 + $(img).height()/2);
}
function setDefaultMenu() {
//console.log("calling set default item"); clearElements(); var loc = window.location.href; var defaultItem; var parent; $(".submenu").each(function () { var context = this; $(this).css("color", "#DB2828"); $(this).css("font-weight", "bold"); $("a", context).each(function () { //console.log($(this).attr("href")); if (loc.match(/[^#]*/) == $(this).attr("href")) { defaultItem = $(context).attr("id"); parent = $("#".concat(defaultItem.replace("Submenu", ""))); $(this).css("color", "#DB2828"); $(this).css("font-weight", "bold"); } });
} ); $(".ui.simple.item.menuItem a").each(function () { if (loc.match(/[^#]*/) == $(this).attr("href")) { parent = $($(this).parents('.ui.simple.item.menuItem')); defaultItem = (parent.attr('id')).concat("Submenu"); } });
var submenuText = document.getElementById("SecondarySubmenu"); defaultItem = document.getElementById(defaultItem); parent.attr("class", "ui simple active item menuItem"); submenuText.innerHTML = defaultItem.innerHTML;
}
function clearElements() {
var elements = document.getElementsByClassName("menuItem"); for (var i = 0; i < elements.length; i++) { elements[i].className = "ui simple item menuItem"; }
}
function injectHeader() {
//console.log("Injecting header");var menu = " \ \ \ \ \ \ \ \ \ \ \ \ ";
var contextDiv = document.getElementById("context"); contextDiv.innerHTML = menu.concat(contextDiv.innerHTML);
var elements = document.getElementsByClassName("menuFix");
if(window.innerWidth < 768 ) { //phone console.log("small screen"); for (var i = 0; i < elements.length; i++) { console.log(i); elements[i].setAttribute("style", "font-size:5px;"); } } else if(window.innerWidth < 800) { //small screen console.log("small screen"); for (var i = 0; i < elements.length; i++) { console.log(i); elements[i].setAttribute("style", "font-size:7px;"); } } else if(window.innerWidth < 980) { //medium screen console.log("small screen"); for (var i = 0; i < elements.length; i++) { console.log(i); elements[i].setAttribute("style", "font-size:9px;"); } } else if(window.innerWidth < 1280) { //normal console.log("small screen"); for (var i = 0; i < elements.length; i++) { console.log(i); elements[i].setAttribute("style", "font-size:11px;"); } } console.log("end of injecting"); }
$('.playGif').on('click', function () {
//console.log("play detected"); var parent = $(this); var parAlt = parent.attr('data-alt'); var parSrc = parent.attr('src'); parent.attr("src", parAlt).attr("data-alt", parSrc);
}); function relativeCoords() {
console.log("what what"); var img = document.getElementById("projectScheme"); var c1 = [74, 132, 136, 217, 241, 225, 319, 175, 365, 89, 298, 42, 152, 62]; var c2 = [387, 125, 393, 283, 423, 316, 518, 190, 486, 120]; var c3 = [528, 77, 497, 134, 537, 173, 672, 185, 739, 145, 733, 94, 694, 71]; var c4 = [393, 283, 423, 316, 454, 300, 474, 260, 537, 273, 494, 305, 678, 285, 697, 243, 788, 239, 788, 330, 383, 374, 343, 319];
for(i = 0; i < c1.length; i++) { c1[i] = (c1[i]/(800.0)*img.clientWidth); } document.getElementById("area1").coords = c1.toString();
for(i = 0; i < c2.length; i++) { c2[i] = (c2[i]/(800.0)*img.clientWidth); } document.getElementById("area2").coords = c2.toString();
for(i = 0; i < c3.length; i++) { c3[i] = (c3[i]/(800.0)*img.clientWidth); } document.getElementById("area3").coords = c3.toString();
for(i = 0; i < c4.length; i++) { c4[i] = (c4[i]/(800.0)*img.clientWidth); } document.getElementById("area4").coords = c4.toString();
}
function relativeCoordsStar() {
var img = document.getElementById("starScheme");
var c1 = [254, 239, 194, 163, 225, 51, 319, 163]; var c2 = [260, 242, 323, 170, 452, 193, 363, 288]; var c3 = [260, 249, 362, 295, 389, 433, 260, 369]; var c4 = [252, 246, 252, 369, 131, 426, 150, 294]; var c5 = [250, 242, 147, 288, 55, 192, 187, 169];
for(i = 0; i < c1.length; i++) { c1[i] = (c1[i]/(515.0)*img.clientWidth); } document.getElementById("patients").coords = c1.toString();
for(i = 0; i < c2.length; i++) { c2[i] = (c2[i]/(515.0)*img.clientWidth); } document.getElementById("scientists").coords = c2.toString();
for(i = 0; i < c3.length; i++) { c3[i] = (c3[i]/(515.0)*img.clientWidth); } document.getElementById("iGEMers").coords = c3.toString();
for(i = 0; i < c4.length; i++) { c4[i] = (c4[i]/(515.0)*img.clientWidth); } document.getElementById("researches").coords = c4.toString();
for(i = 0; i < c5.length; i++) { c5[i] = (c5[i]/(515.0)*img.clientWidth); } document.getElementById("doctors").coords = c5.toString();
}