"
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 16: | Line 23: | ||
.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 43: | ||
}); | }); | ||
}); | }); | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
// find the last day with a blog item | // find the last day with a blog item | ||
| Line 66: | Line 51: | ||
c.setDate(c.getDate()-1); | c.setDate(c.getDate()-1); | ||
} | } | ||
| - | + | ||
| - | $("# | + | $("#calendar_container").empty().datepicker( { |
| + | onSelect: dp_onSelect, | ||
| + | beforeShowDay: dp_getDateInfo, | ||
| + | defaultDate: c | ||
| + | }); | ||
| + | loadBlogDate(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> | ||
| + | |||
| + | |||
| + | next(); | ||
| + | }).fadeIn(200); | ||
| + | }); | ||
} | } | ||
| - | }); | + | function dp_onSelect(dateText, inst) { |
| + | var date = $(this).datepicker("getDate"); | ||
| + | loadBlogDate(date); | ||
| + | } | ||
| + | function dp_getDateInfo(date) { | ||
| + | var hasBlogItem = datemap.hasDate(date); | ||
| + | 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}); | ||
| + | }; | ||
| - | + | 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:32, 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
