"
Team:TU Delft/pages/blog
From 2010.igem.org
(Difference between revisions)
| Line 4: | Line 4: | ||
==Calendar== | ==Calendar== | ||
| - | <html><div id="calendar_container" style="width: | + | <html> |
| + | <div id="calendar_container" style="width: 300px; float: right;"></html> | ||
{{:Team:TU_Delft/basic_calendar}} | {{:Team:TU_Delft/basic_calendar}} | ||
<html></div> | <html></div> | ||
| + | <div style="width: 450px;"> | ||
| + | <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> | ||
| + | </div> | ||
| + | <div id="fb-root"></div> | ||
| + | <div id="blog_item_fbcomments"></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 16: | Line 28: | ||
.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 32: | Line 48: | ||
}); | }); | ||
}); | }); | ||
| + | |||
| + | // 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, | |
| - | + | beforeShowDay: dp_getDateInfo, | |
| - | + | defaultDate: c | |
| - | + | }); | |
| - | + | function loadBlogDate(date) { | |
| - | + | var datestr = jQuery.datepicker.formatDate("d_MM_yy", date); | |
| - | + | var url = "/Team:TU_Delft/"+datestr+"_content?action=render"; | |
| - | + | ||
| - | + | $.get(url, function(response) { | |
| - | + | $("#blog_item_container").fadeOut(200).queue(function(next) { | |
| - | + | $(this).html(response); | |
| - | + | $("#blog_item_date").text(jQuery.datepicker.formatDate("d MM yy", date)); | |
| - | + | // <fb:comments xid="igemblogpost"></fb:comments> | |
| - | + | $("#blog_item_fbcomments").html('<fb:comments xid="igemblog' + datestr +'" numposts="10" width="450"></fb:comments>'); | |
| - | + | FB.XFBML.parse(document.getElementById('blog_item_fbcomments')); | |
| - | + | next(); | |
| + | }).fadeIn(200); | ||
}); | }); | ||
| + | } | ||
| - | function | + | function dp_onSelect(dateText, inst) { |
| - | var | + | var date = $(this).datepicker("getDate"); |
| - | var hasBlogItem = datemap | + | loadBlogDate(date); |
| + | } | ||
| + | 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 | |
| - | + | window.fbAsyncInit = function() { | |
| + | FB.init({appId: '132572820109093', status: true, cookie: true, xfbml: true}); | ||
| + | loadBlogDate(c); | ||
| + | }; | ||
| - | + | var e = document.createElement('script'); e.async = true; | |
| - | + | e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; | |
| - | + | document.getElementById('fb-root').appendChild(e); | |
| - | + | }); | |
| - | + | </script> | |
| - | + | ||
| - | + | ||
</html> | </html> | ||
Revision as of 14:53, 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 [http://tiny.cc/igemtudelft Facebook page] or [http://twitter.com/igemtudelft2010 follow us on Twitter].
Calendar
|
|
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Today's post
