Team:Bordeaux/NotebookTest

From 2014.igem.org

(Difference between revisions)
 
(20 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>
Line 129: 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 135: Line 135:
       <div class="day">
       <div class="day">
         <div class="number"> 5 </div>
         <div class="number"> 5 </div>
-
         <div class="dots" onClick="hide('id1');"> dot </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 142: 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 151: 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">
Line 156: Line 158:
       </div>
       </div>
   </div>
   </div>
-
   <div class="week" id="hidden1" style="display:none">
+
   <div class="hidden-week" id="hidden1" style="display:none">
-
       <div class="hidden-content" id="id1" style="display:none"> bla bla bla </div>
+
       <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="display:none"> bla bla bla </div>
+
       <div class="hidden-content" id="id2" style="visibility:hidden"> </div>
-
       <div class="hidden-content" id="id3" style="display:none"> bla bla bla </div>
+
       <div class="hidden-content" id="id3" style="visibility:hidden"> blop </div>
-
       <div class="hidden-content" id="id4" style="display:none"> bla bla bla </div>
+
       <div class="hidden-content" id="id4" style="visibility:hidden"> </div>
-
       <div class="hidden-content" id="id5" style="display:none"> bla bla bla </div>
+
       <div class="hidden-content" id="id5" style="visibility:hidden"> </div>
-
       <div class="hidden-content" id="id5" style="display:none"> bla bla bla </div>
+
       <div class="hidden-content" id="id6" style="visibility:hidden"> oups</div>
   </div>
   </div>
   <div class="week">
   <div class="week">
Line 230: Line 232:
       </div>
       </div>
       <div class="day">
       <div class="day">
-
        <div class="number"> </div>
 
       </div>       
       </div>       
   </div>
   </div>
Line 236: Line 237:
   <div class="calendar-bottom"> ... </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>  
<script>  
function hide(thingId)  
function hide(thingId)  
{
{
 +
        var isEmpty = "False";
 +
        var txt;
var targetElement;
var targetElement;
         targetElement = document.getElementById(thingId);
         targetElement = document.getElementById(thingId);
         var parentElement = targetElement.parentNode;
         var parentElement = targetElement.parentNode;
-
         if (parentElement.style.display == "none")
+
 
 +
         if (targetElement.style.visibility == "hidden")
 +
          {
 +
              targetElement.style.visibility = "" ;
 +
              if (parentElement.style.display == "none")
           {
           {
               parentElement.style.display = "" ;
               parentElement.style.display = "" ;
 +
          }
           }  
           }  
else  
else  
           {
           {
-
               parentElement.style.display = "none" ;
+
               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)
-
        if (targetElement.style.display == "none")
+
{
-
          {
+
window.open(url);  
-
              targetElement.style.display = "" ;
+
-
          }
+
-
else
+
-
          {
+
-
              targetElement.style.display = "none" ;
+
-
          }
+
}
}
</script>
</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"