Team:TU Delft/scroll calendar

From 2010.igem.org

(Difference between revisions)
 
(69 intermediate revisions not shown)
Line 3: Line 3:
<style>
<style>
table th,td { border: none; }
table th,td { border: none; }
-
#calview table.month  { width: 180px; height: 180px; border-width: 0px; }  
+
#calview table.month  {  
 +
  width: 180px; height: 180px; border-width: 0px;  
 +
  display: inline-table;
 +
  overflow: hidden;
 +
  background-color: #fff;
 +
  border-collapse:collapse;
 +
}  
#calview .month .heading td {
#calview .month .heading td {
-
  padding:2px;
+
   background-color:#fff;
-
   background-color:#d4d4d4;
+
   color:#000;
-
   color:#aaa;
+
   text-align:center;
   text-align:center;
   font-size:120%;
   font-size:120%;
Line 13: Line 18:
}
}
-
#calview .month .dow td    { color:#aaa; text-align:center; font-size:110%; }
+
#calview table.month td.today    { background-color:#00aeef; color: #fff;}
-
#calview table.month td.today    { background-color:#ddd;}
+
#calview table.month td {
#calview table.month td {
     border: none;
     border: none;
     margin: 0;
     margin: 0;
-
     padding: 1.5pt 2pt;
+
     padding: 0px;
     font-weight: bold;
     font-weight: bold;
     font-size: 10pt;
     font-size: 10pt;
     text-align: center;
     text-align: center;
-
    background-color: #eee;
 
}
}
-
#calview table.month a { background:none; padding:0 }
+
#calview .month .dow td  { color:#fff; text-align:center; font-size:110%;}
-
#calview .day-active { color:#0000cc }
+
#calview .month .dow { background-color: #216085; }
-
#calview .day-empty  { color:#cc0000 }
+
#calview .odd { background-color: #f2fcff; }
 +
#calview table { text-align: center; left: 0px; top: 0px; border-spacing: 0px 0px; }
 +
#calview table.month a { padding:4px; background: none; }
 +
#calview .day-active { color:#0000cc; }
 +
#calview .day-empty  { color:#ccc; }
 +
/*#calview a:hover { background-color: #ccc; text-decoration: none; } */
/* Calendar START */
/* Calendar START */
Line 40: Line 48:
overflow: hidden;
overflow: hidden;
width: 180px;
width: 180px;
-
height: 180px;
+
height: 185px;
}
}
Line 47: Line 55:
text-color: black;
text-color: black;
cursor: pointer;
cursor: pointer;
 +
}
 +
 +
#calscene {
}
}
Line 53: Line 64:
<html>
<html>
-
<div id="calbox">
 
<div id="calview">
<div id="calview">
 +
<div id="calscene">
</html>
</html>
-
 
+
{|
-
{| style="background:transparent; border-width: 0px"
+
|-valign="top"
|-valign="top"
|{{#calendar: query=year=2010 | month=03 | title=Team:TU_Delft}}
|{{#calendar: query=year=2010 | month=03 | title=Team:TU_Delft}}
|{{#calendar: query=year=2010 | month=04 | title=Team:TU_Delft}}
|{{#calendar: query=year=2010 | month=04 | title=Team:TU_Delft}}
|{{#calendar: query=year=2010 | month=05 | title=Team:TU_Delft}}
|{{#calendar: query=year=2010 | month=05 | title=Team:TU_Delft}}
-
|-valign="top"
 
|{{#calendar: query=year=2010 | month=06 | title=Team:TU_Delft}}
|{{#calendar: query=year=2010 | month=06 | title=Team:TU_Delft}}
|{{#calendar: query=year=2010 | month=07 | title=Team:TU_Delft}}
|{{#calendar: query=year=2010 | month=07 | title=Team:TU_Delft}}
|{{#calendar: query=year=2010 | month=08 | title=Team:TU_Delft}}
|{{#calendar: query=year=2010 | month=08 | title=Team:TU_Delft}}
-
|-valign="top"
 
|{{#calendar: query=year=2010 | month=09 | title=Team:TU_Delft}}
|{{#calendar: query=year=2010 | month=09 | title=Team:TU_Delft}}
|{{#calendar: query=year=2010 | month=10 | title=Team:TU_Delft}}
|{{#calendar: query=year=2010 | month=10 | title=Team:TU_Delft}}
|{{#calendar: query=year=2010 | month=11 | title=Team:TU_Delft}}
|{{#calendar: query=year=2010 | month=11 | title=Team:TU_Delft}}
|}
|}
-
 
<html>
<html>
</div>
</div>
Line 82: Line 89:
function setActiveMonth(mo) {
function setActiveMonth(mo) {
 +
  if (mo < 0) mo = 0;
 +
  if (mo > 8) mo = 8;
 +
   
   active_month = mo;
   active_month = mo;
   var el = month_elems[mo];
   var el = month_elems[mo];
Line 87: Line 97:
}
}
-
$(function() {
+
function setCalendarLinks(fnGetURL) {
 +
// process each day entry to change the link
 +
  $("#calview .month").each(function() {
 +
    var month = $.trim( $(".month_heading", this).text() );
 +
 
 +
    $("a", this).each(function() {
 +
      var day = $.trim( $(this).text() );
 +
      if ($(".day-active", this).length > 0)
 +
        this.title = this.href = fnGetURL(day, month, true);
 +
      else
 +
        this.title = this.href = fnGetURL(day, month, false);
 +
    });
 +
  });
 +
}
 +
 
 +
 
 +
function initScrollCalendar() {
   $("#calview .heading td").each(function() {  
   $("#calview .heading td").each(function() {  
     var mo = $(this).text();
     var mo = $(this).text();
Line 93: Line 119:
     month_elems.push(elem);
     month_elems.push(elem);
-
     $(this).before('<td class="cal_btn prevmonth_btn"> < </td>')
+
     $(this).before('<td class="cal_btn prevmonth_btn"><img src="https://static.igem.org/mediawiki/2010/3/3d/TU_Delft_blog_calendar_prev.png" border="0" /></td>')
           .attr('colspan', 5)
           .attr('colspan', 5)
-
           .after('<td class="cal_btn nextmonth_btn"> > </td>');  
+
          .addClass('month_heading')
 +
           .after('<td class="cal_btn nextmonth_btn"><img src="https://static.igem.org/mediawiki/2010/2/2f/TU_Delft_blog_calendar_next.png" border="0" /></td>');  
   });
   });
 +
   $(".prevmonth_btn").click(function() {
   $(".prevmonth_btn").click(function() {
     if (--active_month < 0)  
     if (--active_month < 0)  
Line 108: Line 136:
   active_month = 0;
   active_month = 0;
   $('#calview').scrollTo(month_elems[active_month]);
   $('#calview').scrollTo(month_elems[active_month]);
-
});
+
}
</script>
</script>
</html>
</html>

Latest revision as of 10:44, 13 October 2010

March
MTWTFSS
        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
April
MTWTFSS
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
May
MTWTFSS
    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
June
MTWTFSS
          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
MTWTFSS
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
MTWTFSS
      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
September
MTWTFSS
            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
October
MTWTFSS
  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
November
MTWTFSS
        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

Retrieved from "http://2010.igem.org/Team:TU_Delft/scroll_calendar"