Team:TU Delft/pages/blog
From 2010.igem.org
(Difference between revisions)
(30 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | |||
==Blog== | ==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]. | 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== | ==Calendar== | ||
- | <html><div id="calendar_container" style="width: | + | <html> |
- | {{:Team:TU_Delft/ | + | <div id="calendar_container" style="width: 300px; float: right;"></html> |
+ | {{:Team:TU_Delft/scroll_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.js"></script> --> | |
- | . | + | |
- | + | ||
- | + | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
- | |||
- | |||
- | + | 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) { |
+ | var datestr = jQuery.datepicker.formatDate("d_MM_yy", date); | ||
+ | var url = "/Team:TU_Delft/"+datestr+"_content?action=render"; | ||
+ | setActiveMonth(date.getMonth() - 2); | ||
+ | dbgout('blog_loadDate: ' + date); | ||
+ | |||
+ | $.get(url, function(response) { | ||
+ | $("#blog_item_container").fadeOut(200).queue(function(next) { | ||
+ | $(this).html(response); | ||
+ | var refURL = "https://2010.igem.org/Team:TU_Delft#/blog?blog=" + datestr; | ||
+ | $("#blog_item_date").text(jQuery.datepicker.formatDate("d MM yy", date)); | ||
+ | $("#blog_item_fbcomments").html('<fb:comments url="' + refURL + '" xid="igemblog' + datestr +'" numposts="10" width="450"></fb:comments>'); | ||
+ | FB.XFBML.parse(document.getElementById('blog_item_fbcomments')); | ||
+ | next(); | ||
+ | }).fadeIn(200); | ||
}); | }); | ||
+ | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | function blog_hashchange_cb() { | |
- | + | dbgout('blog_hashchange'); | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | hash = location.hash.substring(1); | |
- | + | var kvmap = splitHash(hash); | |
- | + | ||
- | + | ||
- | + | ||
- | + | if (kvmap.blog) | |
- | + | blog_loadDate($.datepicker.parseDate('d_MM_yy', kvmap.blog)); | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | function blogInit() { | ||
+ | dbgout('blogInit'); | ||
+ | |||
+ | initScrollCalendar(); | ||
+ | |||
+ | setCalendarLinks (function(day, mo, hasEntry) { | ||
+ | // console.log('Day: ' + day + '; Mo: ' + mo + '; hasentry=' + hasEntry); | ||
+ | return makeHash('pages/blog', { blog: day + '_' + mo + '_2010'}); | ||
+ | }); | ||
+ | setHash('pages/blog', { blog: $.datepicker.formatDate("d_MM_yy", new Date()) } ); | ||
+ | |||
+ | dbgout('bind hashupdate'); | ||
+ | $(window).bind('hashupdate', blog_hashchange_cb); | ||
+ | } | ||
+ | |||
+ | $(function() { | ||
+ | loadScript('http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.js', function() { | ||
+ | |||
+ | if (jQuery.support.boxModel) { | ||
+ | // facebook initialization code | ||
+ | window.fbAsyncInit = function() { | ||
+ | FB.init({appId: '132572820109093', status: true, cookie: true, xfbml: true}); | ||
+ | blogInit(); | ||
+ | }; | ||
+ | |||
+ | 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); | ||
+ | } else { | ||
+ | $("#blog_item_fbcomments").text("Facebook comments unsupported on this browser."); | ||
+ | blogInit(); | ||
+ | } | ||
+ | }); | ||
}); | }); | ||
- | + | var blogpage_close = function() { | |
- | + | dbgout('unbind hashupdate'); | |
+ | $(window).unbind('hashupdate', blog_hashchange_cb); | ||
+ | }; | ||
- | + | $(window).bind('page_close', blogpage_close); | |
- | + | </script> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</html> | </html> |
Latest revision as of 14:25, 16 September 2010
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