Line 511: | Line 511: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | <!-- ************************* CONTENT FOR EACH DAY ************************* --> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <script> | ||
+ | |||
+ | var slideIndex = 1; | ||
+ | var monthIndex = 0; | ||
+ | var monthNames = [ | ||
+ | " june", | ||
+ | " july", | ||
+ | " august", | ||
+ | " september", | ||
+ | " october" | ||
+ | ]; | ||
+ | var acc = document.getElementsByClassName("date"); | ||
+ | var i; | ||
+ | var j; | ||
+ | showMonth(monthIndex); | ||
+ | showSlides(slideIndex); | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | function plusSlides(n) { | ||
+ | console.log("slideIndex start " + slideIndex); | ||
+ | //showSlides(slideIndex += n); | ||
+ | //console.log("plus " + slideIndex + (n -1)); | ||
+ | switch (n) { | ||
+ | case -1: | ||
+ | if (slideIndex == 1 || slideIndex == 31 || slideIndex == 62 || slideIndex == 93 || slideIndex == 123) { | ||
+ | var oldIndex = slideIndex; | ||
+ | changeMonth(n); | ||
+ | console.log("first day, back button"); | ||
+ | slideIndex = oldIndex; | ||
+ | console.log("slideIndex after switch " + slideIndex); | ||
+ | slideIndex += (n+152); | ||
+ | slideIndex %= 153; | ||
+ | choseDate(slideIndex); | ||
+ | console.log("slideIndex final " + slideIndex); | ||
+ | } | ||
+ | else { | ||
+ | console.log("slideIndex after switch " + slideIndex); | ||
+ | slideIndex += (n+152); | ||
+ | slideIndex %= 153; | ||
+ | choseDate(slideIndex); | ||
+ | console.log("slideIndex final " + slideIndex); | ||
+ | } | ||
+ | break; | ||
+ | case 1: | ||
+ | if(slideIndex == 30 || slideIndex == 61 || slideIndex == 92 || slideIndex == 122 || slideIndex == 153) { | ||
+ | changeMonth(n); | ||
+ | break; | ||
+ | } | ||
+ | else { | ||
+ | console.log("slideIndex after switch " + slideIndex); | ||
+ | slideIndex += (n+152); | ||
+ | slideIndex %= 153; | ||
+ | choseDate(slideIndex); | ||
+ | console.log("slideIndex final " + slideIndex); | ||
+ | } | ||
+ | default: | ||
+ | break; | ||
+ | } | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | function currentSlide(n) { | ||
+ | showSlides(slideIndex = n); | ||
+ | } | ||
+ | |||
+ | function showSlides(n) { | ||
+ | var i; | ||
+ | var slides = document.getElementsByClassName("mySlides"); | ||
+ | //var dots = document.getElementsByClassName("dot"); | ||
+ | if (n > slides.length) { | ||
+ | slideIndex = 1; | ||
+ | } | ||
+ | if (n < 1) { | ||
+ | slideIndex = slides.length; | ||
+ | } | ||
+ | for (i = 0; i < slides.length; ++i) { | ||
+ | slides[i].style.display = "none"; | ||
+ | } | ||
+ | |||
+ | //for (i = 0; i < dots.length; ++i) { | ||
+ | //dots[i].className = dots[i].className.replace(" active", ""); | ||
+ | //} | ||
+ | |||
+ | slides[slideIndex - 1].style.display = "block"; | ||
+ | //dots[slideIndex - 1].className += " active"; | ||
+ | |||
+ | } | ||
+ | |||
+ | function showMonth(n) { | ||
+ | var months = document.getElementsByClassName("month-calendar"); | ||
+ | |||
+ | switch (n) { | ||
+ | case 0: | ||
+ | slideIndex = 0; | ||
+ | //choseDate(slideIndex); | ||
+ | break; | ||
+ | case 1: | ||
+ | slideIndex = 30; | ||
+ | //choseDate(0); | ||
+ | break; | ||
+ | case 2: | ||
+ | slideIndex = 61; | ||
+ | //choseDate(1); | ||
+ | break; | ||
+ | case 3: | ||
+ | slideIndex = 92; | ||
+ | //choseDate(1); | ||
+ | break; | ||
+ | case 4: | ||
+ | slideIndex = 122; | ||
+ | //choseDate(1); | ||
+ | break; | ||
+ | default: | ||
+ | slideIndex = 145; | ||
+ | //choseDate(1); | ||
+ | break; | ||
+ | } | ||
+ | choseDate(slideIndex); | ||
+ | |||
+ | |||
+ | |||
+ | for (k = 0; k < months.length; ++k) { | ||
+ | //console.log(monthNames[k] + " has " + monthNames[n] + "?: " + months[k].className); | ||
+ | if(months[k].className.indexOf(monthNames[n]) > -1) { | ||
+ | months[k].style.display = "block"; | ||
+ | } | ||
+ | else { | ||
+ | months[k].style.display = "none"; | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function changeMonth(n) { | ||
+ | monthIndex += (n+5); | ||
+ | monthIndex %= 5; | ||
+ | showMonth(monthIndex); | ||
+ | } | ||
+ | |||
+ | |||
+ | for (i = 0; i < acc.length; ++i) { | ||
+ | |||
+ | acc[i].onclick = function () { | ||
+ | for (j = 0; j < acc.length; ++j) { | ||
+ | if (this == acc[j]) { | ||
+ | //console.log("clicked " + j); | ||
+ | choseDate(j); | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function choseDate(n) { | ||
+ | //console.log("choosing date " + n); | ||
+ | acc[n].classList.add("selected-date"); | ||
+ | for (j = 0; j < acc.length; ++j) { | ||
+ | if (n != j) { | ||
+ | acc[j].classList.remove("selected-date"); | ||
+ | } else { | ||
+ | //console.log("setting current slide to " +(n+1)); | ||
+ | currentSlide(n+1); | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | |||
+ | </script> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </html> |
Revision as of 18:20, 5 June 2017
Notebook
June | ||||||
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | |