Team:TU Delft/pages/blog

From 2010.igem.org

(Difference between revisions)
Line 8: Line 8:
<html></div>
<html></div>
-
<h2><span class="mv-headline" id="blog_item_date">Today's post</span></h2>
 
-
<div id="blog_item_container"></div>
 
-
<div style="display:none;" id="blog_item_next"></div>
 
-
<div style="clear:both;"></div>
 
-
</html>
 
-
 
-
<html>
 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
Line 23: Line 16:
.ui-widget-content .day_no_blog a.ui-state-default { background-color: #eee; }
.ui-widget-content .day_no_blog a.ui-state-default { background-color: #eee; }
</style>
</style>
 +
<script type="text/javascript">
<script type="text/javascript">
$(function() {
$(function() {
-
   var datemap = {
+
   var datemap = {};
-
    hasDate: function(d) {
+
-
      var fmt = $.datepicker.formatDate("dMM", d);
+
-
      return this["d" + fmt];
+
-
    }
+
-
  };
+
   // use the old calendar to find which days have a blog entry
   // use the old calendar to find which days have a blog entry
Line 43: Line 32:
     });
     });
   });
   });
-
 
-
  // find the last day with a blog item
 
-
  var c=new Date();
 
-
  while(c.getDate() > 1) {
 
-
    if (datemap.hasDate(c))
 
-
      break;
 
-
    c.setDate(c.getDate()-1);
 
-
  }
 
   $("#calendar_container").empty().datepicker( {
   $("#calendar_container").empty().datepicker( {
-
    onSelect: dp_onSelect,
+
      onSelect: function(dateText, inst) {
-
    beforeShowDay: dp_getDateInfo,
+
        var date = $(this).datepicker("getDate");
-
    defaultDate: c
+
        var datestr = jQuery.datepicker.formatDate("d_MM_yy", date);
-
  });
+
        var url = "/Team:TU_Delft/"+datestr+"_content?action=render";
-
  loadBlogDate(c);
+
-
  function loadBlogDate(date) {
+
        $.get(url, function(response) {
-
    var datestr = jQuery.datepicker.formatDate("d_MM_yy", date);
+
          $("#blog_item_container").fadeOut(200).queue(function(next) {
-
    var url = "/Team:TU_Delft/"+datestr+"_content?action=render";
+
            $(this).html(response);
-
 
+
            $("#blog_item_date").text(jQuery.datepicker.formatDate("d MM yy", date));
-
    $.get(url, function(response) {
+
            next();
-
      $("#blog_item_container").fadeOut(200).queue(function(next) {
+
          }).fadeIn(200).queue(function(next) {
-
        $(this).html(response);
+
            updatePageMaskHeight(); // function in main page code
-
        $("#blog_item_date").text(jQuery.datepicker.formatDate("d MM yy", date));
+
            next();
-
//      <fb:comments xid="igemblogpost"></fb:comments>
+
          });
-
 
+
        });
-
 
+
      },
-
        next();
+
      beforeShowDay: getDateInfo
-
      }).fadeIn(200);
+
     });
     });
-
  }
 
-
   function dp_onSelect(dateText, inst) {
+
   function getDateInfo(date) {
-
     var date = $(this).datepicker("getDate");
+
     var fmt = $.datepicker.formatDate("dMM", date);
-
    loadBlogDate(date);
+
     var hasBlogItem = datemap["d" + fmt];
-
  }
+
-
  function dp_getDateInfo(date) {
+
-
     var hasBlogItem = datemap.hasDate(date);
+
     return [wgUserName ? true : hasBlogItem, hasBlogItem ? 'day_with_blog' : 'day_no_blog'];
     return [wgUserName ? true : hasBlogItem, hasBlogItem ? 'day_with_blog' : 'day_no_blog'];
   }
   }
 +
});
-
// facebook initialization code
+
</script>
-
  window.fbAsyncInit = function() {
+
</html>
-
    FB.init({appId: '132572820109093', status: true, cookie: true, xfbml: true});
+
-
  };
+
-
  var e = document.createElement('script'); e.async = true;
+
<html>
-
  e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
+
<h2><span class="mv-headline" id="blog_item_date">Today's post</span></h2>
-
  document.getElementById('fb-root').appendChild(e);
+
<div id="blog_item_container"></html>
-
});
+
{{:Team:TU_Delft/{{CURRENTDAY}}_{{CURRENTMONTHNAME}}_{{CURRENTYEAR}}_content}}
-
</script>
+
<html></div>
 +
<div style="display:none;" id="blog_item_next"></div>
 +
<div style="clear:both;"></div>
</html>
</html>

Revision as of 14:33, 5 July 2010

For some reason, there needs to be an empty line at the start otherwise the wiki markup is not working correctly on the main page

Blog

Follow our progress day by day via our blog. Also don't forget to become a fan of our Facebook page or follow us on Twitter.

Calendar

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

Today's post