"
Team:USTC/Notebook/19 July 2010
From 2010.igem.org
(Difference between revisions)
(New page: {{Template:USTCiGEM2010_calendar}} ==19 July==) |
|||
| (One intermediate revision not shown) | |||
| Line 1: | Line 1: | ||
| - | + | <br> | |
| + | ==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> | ||
| + | <div id="calendar_container" style="width: 300px; float: right;"></html> | ||
| + | {{:Team:TU_Delft/basic_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 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> | ||
| + | <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"> | ||
| + | $(function() { | ||
| + | |||
| + | 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 | ||
| + | $("#calendar_container .month").each(function() { | ||
| + | var month = $.trim( $(".heading", this).text() ); | ||
| + | |||
| + | $("a", this).each(function() { | ||
| + | var day = $.trim( $(this).text() ); | ||
| + | if ($(".day-active", this).length > 0) { | ||
| + | datemap["d"+day+month] = true; | ||
| + | } | ||
| + | }); | ||
| + | }); | ||
| + | |||
| + | // find the last day with a blog item | ||
| + | var c=new Date(); | ||
| + | var addrdate=$.address.parameter('blog'); | ||
| + | if (addrdate) { | ||
| + | c = $.datepicker.parseDate('d_MM_yy', addrdate); | ||
| + | } 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 | ||
| + | }); | ||
| + | |||
| + | $.address.change(function(d) { | ||
| + | if (d.parameters.blog) | ||
| + | loadBlogDate($.datepicker.parseDate('d_MM_yy', d.parameters.blog)); | ||
| + | }); | ||
| + | |||
| + | 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); | ||
| + | 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 dp_onSelect(dateText, inst) { | ||
| + | var date = $(this).datepicker("getDate"); | ||
| + | $.address.parameter('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']; | ||
| + | } | ||
| + | |||
| + | if (jQuery.support.boxModel) { | ||
| + | // facebook initialization code | ||
| + | window.fbAsyncInit = function() { | ||
| + | loadBlogDate(c); | ||
| + | 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); | ||
| + | } else { | ||
| + | $("#blog_item_fbcomments").text("Facebook comments unsupported on this browser."); | ||
| + | } | ||
| + | }); | ||
| + | </script> | ||
| + | </html> | ||
Latest revision as of 12:57, 18 July 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
