|
|
| (63 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | {{Utrecht/Head}}
| |
| − | {{Utrecht/Navigation}}
| |
| | | | |
| − |
| |
| − | <html>
| |
| − |
| |
| − | <style>
| |
| − | .customelementM5B{
| |
| − | display:none;
| |
| − | }
| |
| − |
| |
| − | .customHeader{
| |
| − | border-bottom: none;
| |
| − | }
| |
| − |
| |
| − | </style>
| |
| − |
| |
| − | <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++){
| |
| − | 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) {
| |
| − | if(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>');
| |
| − | }
| |
| − | }
| |
| − | 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">
| |
| − | <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">
| |
| − | <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">
| |
| − | <h1> BRET Assay </h1>
| |
| − | <div class="month" id = "monthBJ">
| |
| − | <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">
| |
| − | <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}}
| |
