Team:TU Delft/pages/blogtest

From 2010.igem.org

(Difference between revisions)
 
(15 intermediate revisions not shown)
Line 5: Line 5:
<html>
<html>
<div id="calendar_container" style="width: 300px; float: right;"></html>
<div id="calendar_container" style="width: 300px; float: right;"></html>
-
{{:Team:TU_Delft/basic_calendar}}
+
{{:Team:TU_Delft/scroll_calendar}}
<html></div>
<html></div>
Line 20: Line 20:
<html>
<html>
<!-- <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.js"></script> -->
<!-- <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.js"></script> -->
-
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
 
-
<style>
 
-
.ui-datepicker.ui-widget-content .ui-state-default { background: none; }
 
-
.ui-widget-content .day_with_blog a.ui-state-default { background-color: #ccc; }
 
-
.ui-widget-content .day_no_blog a.ui-state-default { background-color: #eee; }
 
-
</style>
 
<script type="text/javascript">
<script type="text/javascript">
-
var blogLoaded = false;
+
var datePickerLoaded = false;
 +
 
 +
function dbgout(msg) {
 +
  var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
 +
  if(is_chrome) console.log(msg);
 +
}
function blog_loadDate(date) {
function blog_loadDate(date) {
   var datestr = jQuery.datepicker.formatDate("d_MM_yy", date);
   var datestr = jQuery.datepicker.formatDate("d_MM_yy", date);
   var url = "/Team:TU_Delft/"+datestr+"_content?action=render";
   var url = "/Team:TU_Delft/"+datestr+"_content?action=render";
 +
  setActiveMonth(date.getMonth() - 2);
 +
  dbgout('blog_loadDate: ' + date);
   $.get(url, function(response) {
   $.get(url, function(response) {
Line 48: Line 49:
-
function blog_hashchange_cb()
+
function blog_hashchange_cb() {
-
{
+
  dbgout('blog_hashchange');
-
//  alert('blog hash update ' + location.hash);
+
-
  if(!blogLoaded)
+
-
    return;
+
   hash = location.hash.substring(1);
   hash = location.hash.substring(1);
   var kvmap = splitHash(hash);
   var kvmap = splitHash(hash);
-
   if (kvmap.blog) {
+
   if (kvmap.blog)  
     blog_loadDate($.datepicker.parseDate('d_MM_yy', kvmap.blog));
     blog_loadDate($.datepicker.parseDate('d_MM_yy', kvmap.blog));
-
  }
 
}
}
function blogInit() {
function blogInit() {
-
    
+
   dbgout('blogInit');
-
  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
+
   initScrollCalendar();
-
  $("#calendar_container .month").each(function() {
+
-
    var month = $.trim( $(".heading", this).text() );
+
-
    $("a", this).each(function() {  
+
  setCalendarLinks (function(day, mo, hasEntry) {
-
      var day = $.trim( $(this).text() );
+
  // console.log('Day: ' + day + '; Mo: ' + mo + '; hasentry=' + hasEntry);
-
      if ($(".day-active", this).length > 0) {
+
    return makeHash('pages/blogtest', { blog: day + '_' + mo + '_2010'});
-
        datemap["d"+day+month] = true;
+
-
      }
+
-
    });
+
   });
   });
 +
  setHash('pages/blogtest', { blog: $.datepicker.formatDate("d_MM_yy", new Date()) } );
-
   // find the last day with a blog item
+
   dbgout('bind hashupdate');
-
  var c=new Date();
+
   $(window).bind('hashupdate', blog_hashchange_cb);
-
 
+
-
  var kvmap = splitHash(location.hash.substring(1));
+
-
  if (kvmap.blog) {
+
-
    c = $.datepicker.parseDate('d_MM_yy', kvmap.blog);
+
-
  } else while(c.getDate() > 1) {
+
-
    if (datemap.hasDate(c))
+
-
      break;
+
-
    c.setDate(c.getDate()-1);
+
-
  }
+
-
 
+
-
   $("#calendar_container").empty().datepicker( {
+
-
    onSelect: dp_onSelect,
+
-
    beforeShowDay: dp_getDateInfo,
+
-
    defaultDate: c
+
-
  });
+
-
 
+
-
  function dp_onSelect(dateText, inst) {
+
-
    var date = $(this).datepicker("getDate");
+
-
alert("selected: " +dateText);
+
-
    setHash('pages/blogtest', { blog: $.datepicker.formatDate("d_MM_yy", date) } );
+
-
  }
+
-
 
+
-
  function dp_getDateInfo(date) {
+
-
    var hasBlogItem = datemap.hasDate(date);
+
-
    return [wgUserName ? true : hasBlogItem, hasBlogItem ? 'day_with_blog' : 'day_no_blog'];
+
-
  }
+
-
 
+
-
 
+
-
  blogLoaded = true;
+
-
  return c;
+
}
}
Line 123: Line 80:
  // facebook initialization code
  // facebook initialization code
   window.fbAsyncInit = function() {
   window.fbAsyncInit = function() {
-
    var date=blogInit();
 
-
    setHash('pages/blogtest',  { blog: $.datepicker.formatDate("d_MM_yy", date) } );
 
     FB.init({appId: '132572820109093', status: true, cookie: true, xfbml: true});
     FB.init({appId: '132572820109093', status: true, cookie: true, xfbml: true});
 +
    blogInit();
   };
   };
Line 133: Line 89:
   } else {
   } else {
     $("#blog_item_fbcomments").text("Facebook comments unsupported on this browser.");
     $("#blog_item_fbcomments").text("Facebook comments unsupported on this browser.");
 +
    blogInit();
   }
   }
-
 
-
  $(window).bind('hashupdate', blog_hashchange_cb);
 
   });
   });
});
});
-
/*
 
var blogpage_close = function() {
var blogpage_close = function() {
 +
  dbgout('unbind hashupdate');
   $(window).unbind('hashupdate', blog_hashchange_cb);
   $(window).unbind('hashupdate', blog_hashchange_cb);
};
};
-
$(window).bind('page_init', blogpage_init);
 
$(window).bind('page_close', blogpage_close);
$(window).bind('page_close', blogpage_close);
-
*/
 
</script>
</script>
</html>
</html>

Latest revision as of 14:19, 16 September 2010

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

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