|
|
| (90 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | {{Utrecht/Head}}
| |
| − | {{Utrecht/Navigation}}
| |
| | | | |
| − | <!DOCTYPE html>
| |
| − | <head>
| |
| − | <meta charset="UTF-8" />
| |
| − | <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
| |
| − | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
| |
| − | <link rel = "stylesheet"
| |
| − | href = "test.css">
| |
| − | <script src="jquery-latest.js"></script>
| |
| − | <script src="jquery.hoverIntent.js"></script>
| |
| − | <script src="MyFunctions.js"></script>
| |
| − | </head>
| |
| − |
| |
| − | <html>
| |
| − | <div class="topnav" id = "topMenu">
| |
| − |
| |
| − | <a class = "logo" href = "https://2018.igem.org/Team:Utrecht">
| |
| − | <img src="images/logo.png" id="logo"> </a>
| |
| − |
| |
| − | <div class="menuM" id="myMenu">
| |
| − |
| |
| − | <a href="https://2018.igem.org/Team:Utrecht/ProjectOverview" id = "menuProject"> <img src = "https://static.igem.org/mediawiki/2018/3/34/T--Utrecht--2018--symbolProject-Navigation.png" alt = "Laboratorium" id = "navSymbol"></a>
| |
| − | <a href="https://2018.igem.org/Team:Utrecht/Team" id="menuAboutUs"> <img src = "https://static.igem.org/mediawiki/2018/7/72/T--Utrecht--2018--symbolAboutUs-Navigation.png" alt = "navSymbolAU" id = "navSymbol"></a>
| |
| − | <a href="https://2018.igem.org/Team:Utrecht/Laboratory" id="menuLaboratory"> <img src = "https://static.igem.org/mediawiki/2018/6/67/T--Utrecht--2018--symbolLaboratorium-Navigation.png" alt = "Laboratory" id = "navSymbol"></a>
| |
| − | <a href="https://2018.igem.org/Team:Utrecht/HumanPractices" id = "menuHumanPractices"><img src = "https://static.igem.org/mediawiki/2018/2/2a/T--Utrecht--2018--symbolHumanPractices-Navigation.png" alt = "navSymbolHP" id = "navSymbol"></a>
| |
| − | <a href="https://2018.igem.org/Team:Utrecht/Jamboree" id = "menuJamboree"> <img src = "https://static.igem.org/mediawiki/2018/b/b3/T--Utrecht--2018--symbolJamboree-Navigation.png" alt = "navSymbolJ" id = "navSymbol"></a>
| |
| − | <a href="https://2018.igem.org/Team:Utrecht/Credit" id = "menuCredit"> <img src = "https://static.igem.org/mediawiki/2018/c/cc/T--Utrecht--2018--symbolCredit-Navigation.png" alt = "navSymbolAck" id = "navSymbol"></a>
| |
| − |
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − |
| |
| − | <style>
| |
| − | .customelementM5A{
| |
| − | display:none;
| |
| − | }
| |
| − | .customelementM5B{
| |
| − | display:none;
| |
| − | }
| |
| − |
| |
| − | </style>
| |
| − |
| |
| − | <div class="submenuM" id="mySubmenu"></div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <body>
| |
| − |
| |
| − | <script>
| |
| − | var inactiveJuly, inactiveAugust, inactiveSeptember, activeContent;
| |
| − |
| |
| − | function changeContent(selector) {
| |
| − |
| |
| − | $(".monthHeader").hide();
| |
| − | $("button").removeClass("active");
| |
| − |
| |
| − | if(selector == 1){
| |
| − | activeContent = 'I';
| |
| − | inactiveJuly = [10, 12, 19];
| |
| − | inactiveAugust = [11, 14, 29];
| |
| − | inactiveSeptember = [15, 16, 19];
| |
| − | }
| |
| − | else if(selector == 2){
| |
| − | activeContent = 'R';
| |
| − | inactiveJuly = [10, 12, 19];
| |
| − | inactiveAugust = [11, 14, 29];
| |
| − | inactiveSeptember = [15, 16, 19];
| |
| − | }
| |
| − | else if(selector == 3){
| |
| − | activeContent = 'B';
| |
| − | inactiveJuly = [10, 12, 19];
| |
| − | inactiveAugust = [11, 14, 29];
| |
| − | inactiveSeptember = [15, 16, 19];
| |
| − | }
| |
| − | else if(selector == 4){
| |
| − | activeContent = 'M';
| |
| − | inactiveJuly = [10, 12, 19];
| |
| − | inactiveAugust = [11, 14, 29];
| |
| − | inactiveSeptember = [15, 16, 19];
| |
| − | }
| |
| − |
| |
| − | // Show the current tab, and add an "active" class to the button that opened the tab
| |
| − | $("#monthHeader"+ activeContent).show();
| |
| − | $("#tab"+activeContent).addClass("active");
| |
| − | createMonth(31, 4, inactiveJuly, 'J');
| |
| − | }
| |
| − |
| |
| − | function createMonth(lengthMonth, emptyDays, inactiveDays, m){
| |
| − | var j = 1;
| |
| − | var cont = $(".monthContainer");
| |
| − | cont.empty();
| |
| − | for(var i = 0; i < emptyDays; i++){
| |
| − | cont.append('<div class = "emptyDay"></div>');
| |
| − | j++;
| |
| − | }
| |
| − | for(i = 1; i < lengthMonth+1;i++){
| |
| − | if(((j+1) % 7) && (j % 7)){
| |
| − | if(inactiveDays.indexOf(i) == -1){
| |
| − | cont.append('<div class = "day" id = "day'+ activeContent + m + i + '">'+ i + '</div>');
| |
| − | }
| |
| − | else{
| |
| − | cont.append('<div class = "inactiveDay">'+ i + ' </div>');
| |
| − | }
| |
| − | }
| |
| − | else{
| |
| − | cont.append('<div class = "inactiveDay">'+ i + ' </div>');
| |
| − | }
| |
| − | j++
| |
| − | }
| |
| − |
| |
| − | $('.month').hide();
| |
| − | $('#month'+ activeContent + m).show();
| |
| − |
| |
| − | resetCalender();
| |
| − | }
| |
| − |
| |
| − | function resetCalender(){
| |
| − | $(".day").click(function() {
| |
| − | // Declare all variables
| |
| − | var i, entryday;
| |
| − |
| |
| − | entryday = $(this).attr('id');
| |
| − | window.alert(entryday);
| |
| − |
| |
| − | // Get all elements with class="tablinks" and remove the class "active"
| |
| − | $(".day").removeClass("active");
| |
| − | $(".customelementM5B").hide();
| |
| − |
| |
| − | // Show the current tab, and add an "active" class to the button that opened the tab
| |
| − | $(this).addClass("active");
| |
| − | $("#entry"+entryday).show();
| |
| − |
| |
| − | });
| |
| − | }
| |
| − |
| |
| − | $(document).ready(function(){
| |
| − | changeContent(1);
| |
| − | resetCalender();
| |
| − | });
| |
| − |
| |
| − |
| |
| − | </script>
| |
| − |
| |
| − |
| |
| − |
| |
| − | <div class = "customHeader2">
| |
| − | PLACEHOLDER
| |
| − | </div>
| |
| − | <div class="anotherWrapper">
| |
| − | <!-- Tab links -->
| |
| − | <div class="tab">
| |
| − | <button id = "tabI" onclick='changeContent(1)'>Interlab</button>
| |
| − | <button id = "tabR" onclick='changeContent(2)'>Receptor Assay</button>
| |
| − | <button id = "tabB" onclick='changeContent(3)'>BRET Assay</button>
| |
| − | <button id = "tabM" onclick='changeContent(4)'>Methylation Assay</button>
| |
| − | </div>
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | <div class="calenderContainer">
| |
| − | <!-- Calender Interlab --------------------------------------------------------------
| |
| − | ------------------------------------------------------------------------------------>
| |
| − |
| |
| − | <div id="monthHeaderI" class="monthHeader" style = "display: block">
| |
| − | <div class="month" id = "monthIJ">
| |
| − | <div onclick="createMonth(31, 2, inactiveAugust, 'A');" class="next">❯</div>
| |
| − | <div>July</div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="month" id = "monthIA">
| |
| − | <div onclick="createMonth(31, 4, inactiveJuly, 'J');" class="prev">❮</div>
| |
| − | <div onclick="createMonth(30, 5, inactiveSeptember, 'S');" class="next">❯</div>
| |
| − | <div>August</div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="month" id = "monthIS">
| |
| − | <div onclick="createMonth(31, 2, inactiveAugust, 'A');" class="prev">❮</div>
| |
| − | <div>September</div>
| |
| − | </div>
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | <!-- Calender Receptor Assay --------------------------------------------------------------
| |
| − | --------------------------------------------------------------------------------------------->
| |
| − |
| |
| − | <div id="monthHeaderR" class="monthHeader">
| |
| − | <div class="month" id = "monthRJ" style ="display: block">
| |
| − | <div onclick="createMonth(31, 2, inactiveAugust, 'A');" class="next">❯</div>
| |
| − | <div>July</div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="month" id = "monthRA">
| |
| − | <div onclick="createMonth(31, 4, inactiveJuly, 'J');" class="prev">❮</div>
| |
| − | <div onclick="createMonth(30, 5, inactiveSeptember, 'S');" class="next">❯</div>
| |
| − | <div>August</div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="month" id = "monthRS">
| |
| − | <div onclick="createMonth(31, 2, inactiveAugust,'A');" class="prev">❮</div>
| |
| − | <div>September</div>
| |
| − | </div>
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | <!-- Calender BRET Assay ---------------------------------------------------------------------
| |
| − | --------------------------------------------------------------------------------------------->
| |
| − |
| |
| − | <div id="monthHeaderB" class="monthHeader">
| |
| − | <div class="month" id = "monthBJ" style ="display: block">
| |
| − | <div onclick="createMonth(31, 2, inactiveAugust,'A');" class="next">❯</div>
| |
| − | <div>July</div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="month" id = "monthBA">
| |
| − | <div onclick="createMonth(31, 4, inactiveJuly, 'J');" class="prev">❮</div>
| |
| − | <div onclick="createMonth(30, 5, inactiveSeptember, 'S');" class="next">❯</div>
| |
| − | <div>August</div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="month" id = "monthBS">
| |
| − | <div onclick="createMonth(31, 2, inactiveAugust, 'A');" class="prev">❮</div>
| |
| − | <div>September</div>
| |
| − | </div>
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | <!-- Calender Methylation Assay --------------------------------------------------------------
| |
| − | --------------------------------------------------------------------------------------------->
| |
| − |
| |
| − | <div id="monthHeaderM" class="monthHeader">
| |
| − | <div class="month" id = "monthMJ" style ="display: block">
| |
| − | <div onclick="createMonth(31, 2, inactiveAugust, 'A');" class="next">❯</div>
| |
| − | <div>July</div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="month" id = "monthMA">
| |
| − | <div onclick="createMonth(31, 4, inactiveJuly, 'J');" class="prev">❮</div>
| |
| − | <div onclick="createMonth(30, 5, inactiveSeptember, 'S');" class="next">❯</div>
| |
| − | <div>August</div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="month" id = "monthMS">
| |
| − | <div onclick="createMonth(31, 2, inactiveAugust, 'A');" class="prev">❮</div>
| |
| − | <div>September</div>
| |
| − | </div>
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | <div class="weekdays">
| |
| − | <div class="weekday">Mo</div>
| |
| − | <div class="weekday">Tu</div>
| |
| − | <div class="weekday">We</div>
| |
| − | <div class="weekday">Th</div>
| |
| − | <div class="weekday">Fr</div>
| |
| − | <div class="weekday">Sa</div>
| |
| − | <div class="weekday">Su</div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="monthContainer"></div>
| |
| − | </div>
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | <!-- Notebook Interlab -----------------------------------------------------------------------
| |
| − | --------------------------------------------------------------------------------------------->
| |
| − |
| |
| − | <div class = "notebookContainer">
| |
| − |
| |
| − | <div class="customelementM5B" id = "entrydayIJ1">
| |
| − | ksjdfljslfkdjlkghjfglhkjflhgkjflhgjflghjflghkjflhj
| |
| − | </div>
| |
| − |
| |
| − | <div class="customelementM5B" id = "entrydayIJ2">
| |
| − | lskdfjslkjgdlkdfjgldkjlakmflsvmclkxmfklmgdmlkcvmblcmkb
| |
| − | </div>
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | <div class = "notebookContainer" id = "notebookReceptorAssay">
| |
| − |
| |
| − | <!-- Notebook Receptor Assay --------------------------------------------------------------
| |
| − | --------------------------------------------------------------------------------------------->
| |
| − |
| |
| − |
| |
| − |
| |
| − | <div class="customelementM5B" id = "entryday27">
| |
| − | ksjdfljslfkdjlkghjfglhkjflhgkjflhgjflghjflghkjflhj
| |
| − | </div>
| |
| − |
| |
| − | <div class="customelementM5B" id = "entryday2">
| |
| − | lskdfjslkjgdlkdfjgldkjlakmflsvmclkxmfklmgdmlkcvmblcmkb
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − |
| |
| − | <!-- Notebook BRET Assay ---------------------------------------------------------------------
| |
| − | --------------------------------------------------------------------------------------------->
| |
| − |
| |
| − |
| |
| − |
| |
| − | <div class="customelementM5B" id = "entrydayB177">
| |
| − | ksjdfljslfkdjlkghjfglhkjflhgkjflhgjflghjflghkjflhj
| |
| − | </div>
| |
| − |
| |
| − | <div class="customelementM5B" id = "entrydayB27">
| |
| − | lskdfjslkjgdlkdfjgldkjlakmflsvmclkxmfklmgdmlkcvmblcmkb
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | <!-- Notebook Methylation Assay --------------------------------------------------------------
| |
| − | --------------------------------------------------------------------------------------------->
| |
| − |
| |
| − |
| |
| − | <div class="customelementM5B" id = "entrydayM277">
| |
| − | ksjdfljslfkdjlkghjfglhkjflhgkjflhgjflghjflghkjflhj
| |
| − | </div>
| |
| − |
| |
| − | <div class="customelementM5B" id = "entrydayM27">
| |
| − | lskdfjslkjgdlkdfjgldkjlakmflsvmclkxmfklmgdmlkcvmblcmkb
| |
| − | </div>
| |
| − |
| |
| − | </div>
| |
| − | </body>
| |
| − |
| |
| − | </html>
| |
| − |
| |
| − | {{Utrecht/Footer}}
| |
