Team:TU Delft/pages/blog
From 2010.igem.org
(Difference between revisions)
(40 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
+ | ==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== | ||
<html> | <html> | ||
- | <div id=" | + | <div id="calendar_container" style="width: 300px; float: right;"></html> |
- | < | + | {{:Team:TU_Delft/scroll_calendar}} |
- | < | + | <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> | ||
- | + | <div id="fb-root"></div> | |
- | <div id=" | + | <div id="blog_item_fbcomments"></div> |
- | + | ||
- | < | + | |
</html> | </html> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<html> | <html> | ||
- | </ | + | <!-- <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.js"></script> --> |
- | < | + | <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