Team:Bordeaux/NotebookTest

From 2014.igem.org

(Difference between revisions)
 
(22 intermediate revisions not shown)
Line 99: Line 99:
</div>-->
</div>-->
-
 
+
<!--
<div class="calendar">
<div class="calendar">
   <div class="month"> May 2014  </div>
   <div class="month"> May 2014  </div>
-
   <div class="days"> Monday Tuesday Wednesday Thursday Friday Saturday Sunday </div>
+
   <div class="days">
 +
      <div class="dayName"> Monday </div>
 +
      <div class="dayName"> Tuesday </div>
 +
      <div class="dayName"> Wednesday </div>
 +
      <div class="dayName"> Thursday </div>
 +
      <div class="dayName"> Friday </div>
 +
      <div class="dayName"> Saturday </div>
 +
      <div class="dayName"> Sunday </div>
 +
  </div>
 +
  <div class="calendar-content">
   <div class="week">
   <div class="week">
       <div class="day">
       <div class="day">
Line 120: Line 129:
       </div>
       </div>
       <div class="day">
       <div class="day">
-
         <div class="number"> 4 </div>
+
         <div class= "number"> 4 </div>
       </div>
       </div>
   </div>
   </div>
Line 126: Line 135:
       <div class="day">
       <div class="day">
         <div class="number"> 5 </div>
         <div class="number"> 5 </div>
 +
        <div class="dots" onClick="hide('id1');"> <ul class="ul-dots"> <li class="li-dots"> </li> <li class="li-dots"></li> </ul> </div>
       </div>
       </div>
       <div class="day">
       <div class="day">
Line 132: Line 142:
       <div class="day">
       <div class="day">
         <div class="number"> 7 </div>
         <div class="number"> 7 </div>
 +
        <div class="dots" onClick="hide('id3');"> <ul class="ul-dots"> <li class="li-dots"> </li> </ul> </div>
       </div>
       </div>
       <div class="day">
       <div class="day">
Line 141: Line 152:
       <div class="day">
       <div class="day">
         <div class="number"> 10 </div>
         <div class="number"> 10 </div>
 +
        <div class="dots" onClick="hide('id6');"> <ul class="ul-dots"> <li class="li-dots"> </li> </ul> </div>
       </div>
       </div>
       <div class="day">
       <div class="day">
         <div class="number"> 11 </div>
         <div class="number"> 11 </div>
       </div>
       </div>
 +
  </div>
 +
  <div class="hidden-week" id="hidden1" style="display:none">
 +
      <div class="hidden-content" id="id1" style="visibility:hidden"> <p> <ul class=ul-hidden> <li> first </li> <li> second </li> </ul> </p> </div>
 +
      <div class="hidden-content" id="id2" style="visibility:hidden">  </div>
 +
      <div class="hidden-content" id="id3" style="visibility:hidden"> blop </div>
 +
      <div class="hidden-content" id="id4" style="visibility:hidden">  </div>
 +
      <div class="hidden-content" id="id5" style="visibility:hidden">  </div>
 +
      <div class="hidden-content" id="id6" style="visibility:hidden"> oups</div>
   </div>
   </div>
   <div class="week">
   <div class="week">
Line 212: Line 232:
       </div>
       </div>
       <div class="day">
       <div class="day">
-
        <div class="number"> </div>
 
       </div>       
       </div>       
   </div>
   </div>
-
   <div class="calendar-bottom"> </div>
+
  </div>
 +
   <div class="calendar-bottom"> ... </div>
</div>
</div>
 +
<br><br>-->
 +
<div class="calendar">
 +
  <div class="month"> June 2014  </div>
 +
  <div class="days">
 +
      <div class="dayName"> Monday </div>
 +
      <div class="dayName"> Tuesday </div>
 +
      <div class="dayName"> Wednesday </div>
 +
      <div class="dayName"> Thursday </div>
 +
      <div class="dayName"> Friday </div>
 +
      <div class="dayName"> Saturday </div>
 +
      <div class="dayName"> Sunday </div>
 +
  </div>
 +
  <div class="calendar-content">
 +
 
 +
  <div class="week">
 +
      <div class="day">
 +
      </div>
 +
      <div class="day">
 +
      </div>
 +
      <div class="day">
 +
      </div>
 +
      <div class="day">
 +
      </div>
 +
      <div class="day">
 +
      </div>
 +
      <div class="day">
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 1 </div>
 +
      </div>
 +
  </div>
 +
  <div class="week">
 +
      <div class="day">
 +
        <div class="number"> 2 </div>
 +
        <div class="dots" onClick="openFrame('https://2014.igem.org/Team:Bordeaux/NotebookJune2');"> <ul class="ul-dots"> <li class="li-dots"> </li><li class="li-dots"> </li><li class="li-dots"> </li> </ul> </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 3 </div>
 +
        <div class="dots" > <ul class="ul-dots"> <li class="li-dots"> </li><li class="li-dots"> </li> </ul> </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 4 </div>
 +
        <div class="dots" > <ul class="ul-dots"> <li class="li-dots"> </li> </ul> </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 5 </div>
 +
        <div class="dots" > <ul class="ul-dots"> <li class="li-dots"> </li><li class="li-dots"> </li><li class="li-dots"> </li> <li class="li-dots"> </li><li class="li-dots"> </li></ul> </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 6 </div>
 +
        <div class="dots" > <ul class="ul-dots"> <li class="li-dots"> </li><li class="li-dots"> </li><li class="li-dots"> </li> </ul> </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 7 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 8 </div>
 +
      </div>
 +
  </div>
 +
  <div class="week">
 +
      <div class="day">
 +
        <div class="number"> 9 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 10 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 11 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 12 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 13 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 14 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 15 </div>
 +
      </div>     
 +
  </div>
 +
  <div class="week">
 +
      <div class="day">
 +
        <div class="number"> 16 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 17 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 18 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 19 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 20 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 21 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 22 </div>
 +
      </div>
 +
  </div>
 +
<div class="week">
 +
      <div class="day">
 +
        <div class="number"> 23 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 24 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 25 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 26 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 27 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 28 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 29 </div>
 +
      </div>
 +
  </div>
 +
  <div class="week">
 +
      <div class="day">
 +
        <div class="number"> 30 </div>
 +
      </div>
 +
      <div class="day">
 +
      </div>
 +
      <div class="day">
 +
      </div>
 +
      <div class="day">
 +
      </div>
 +
      <div class="day">
 +
      </div>
 +
      <div class="day">
 +
      </div>
 +
      <div class="day">
 +
      </div>
 +
  </div>
 +
  </div>
 +
  <div class="calendar-bottom"> ... </div>
 +
</div>
 +
<br>
 +
<div class="calendar">
 +
  <div class="month"> July 2014  </div>
 +
  <div class="days">
 +
      <div class="dayName"> Monday </div>
 +
      <div class="dayName"> Tuesday </div>
 +
      <div class="dayName"> Wednesday </div>
 +
      <div class="dayName"> Thursday </div>
 +
      <div class="dayName"> Friday </div>
 +
      <div class="dayName"> Saturday </div>
 +
      <div class="dayName"> Sunday </div>
 +
  </div>
 +
  <div class="calendar-content">
 +
 
 +
  <div class="week">
 +
      <div class="day">
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 1 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 2 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 3 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 4 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 5 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 6 </div>
 +
      </div>
 +
  </div>
 +
  <div class="week">
 +
      <div class="day">
 +
        <div class="number"> 7 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 8 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 9 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 10 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 11 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 12 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 13 </div>
 +
      </div>
 +
  </div>
 +
  <div class="week">
 +
      <div class="day">
 +
        <div class="number"> 14 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 15 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 16 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 17 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 18 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 19 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 20 </div>
 +
      </div>     
 +
  </div>
 +
  <div class="week">
 +
      <div class="day">
 +
        <div class="number"> 21 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 22 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 23 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 24 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 25 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 26 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 27 </div>
 +
      </div>
 +
  </div>
 +
<div class="week">
 +
      <div class="day">
 +
        <div class="number"> 28 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 29 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 30 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 31 </div>
 +
      </div>
 +
      <div class="day">
 +
      </div>
 +
      <div class="day">
 +
      </div>
 +
      <div class="day">
 +
      </div>
 +
  </div>
 +
  </div>
 +
  <div class="calendar-bottom"> ... </div>
 +
</div>
 +
<br>
 +
<div class="calendar">
 +
  <div class="month"> August 2014  </div>
 +
  <div class="days">
 +
      <div class="dayName"> Monday </div>
 +
      <div class="dayName"> Tuesday </div>
 +
      <div class="dayName"> Wednesday </div>
 +
      <div class="dayName"> Thursday </div>
 +
      <div class="dayName"> Friday </div>
 +
      <div class="dayName"> Saturday </div>
 +
      <div class="dayName"> Sunday </div>
 +
  </div>
 +
  <div class="calendar-content">
 +
 
 +
  <div class="week">
 +
      <div class="day">
 +
      </div>
 +
      <div class="day">
 +
      </div>
 +
      <div class="day">
 +
      </div>
 +
      <div class="day">
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 1 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 2 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 3 </div>
 +
      </div>
 +
  </div>
 +
  <div class="week">
 +
      <div class="day">
 +
        <div class="number"> 4 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 5 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 6 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 7 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 8 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 9 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 10 </div>
 +
      </div>
 +
  </div>
 +
  <div class="week">
 +
      <div class="day">
 +
        <div class="number"> 11 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 12 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 13 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 14 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 15 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 16 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 17 </div>
 +
      </div>     
 +
  </div>
 +
  <div class="week">
 +
      <div class="day">
 +
        <div class="number"> 18 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 19 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 20 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 21 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 22 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 23 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 24 </div>
 +
      </div>
 +
  </div>
 +
<div class="week">
 +
      <div class="day">
 +
        <div class="number"> 25 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 26 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 27 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 29 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 30 </div>
 +
      </div>
 +
      <div class="day">
 +
        <div class="number"> 31 </div>
 +
      </div>
 +
      <div class="day">
 +
      </div>
 +
  </div>
 +
  </div>
 +
  <div class="calendar-bottom"> ... </div>
 +
</div>
 +
<script>
 +
function hide(thingId)
 +
{
 +
        var isEmpty = "False";
 +
        var txt;
 +
var targetElement;
 +
        targetElement = document.getElementById(thingId);
 +
        var parentElement = targetElement.parentNode;
 +
 +
        if (targetElement.style.visibility == "hidden")
 +
          {
 +
              targetElement.style.visibility = "" ;
 +
              if (parentElement.style.display == "none")
 +
          {
 +
              parentElement.style.display = "" ;
 +
          }
 +
          }
 +
else
 +
          {
 +
              targetElement.style.visibility = "hidden" ;
 +
              var childs = parentElement.childNodes;
 +
              for (var i = 0; i < childs.length; i++){
 +
                  txt=txt + childs[i].nodeName + "<br>";
 +
                  if (childs[i].nodeName == "DIV"){
 +
                      if (childs[i].style.visibility == ""){
 +
                          isEmpty = "True";
 +
                      }
 +
                  }
 +
              }
 +
              if (isEmpty == "False"){
 +
                parentElement.style.display = "none" ;
 +
              }
 +
           
 +
          }
 +
}
 +
 +
function openFrame(url)
 +
{
 +
window.open(url);
 +
}
 +
</script>
</body>
</body>
</html>
</html>

Latest revision as of 18:35, 17 October 2014

June 2014
Monday
Tuesday
Wednesday
Thursday
Friday
Saturday
Sunday
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
...

July 2014
Monday
Tuesday
Wednesday
Thursday
Friday
Saturday
Sunday
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
31
...

August 2014
Monday
Tuesday
Wednesday
Thursday
Friday
Saturday
Sunday
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
29
30
31
...

Retrieved from "http://2014.igem.org/Team:Bordeaux/NotebookTest"