Team:WITS-CSIR SA/Scrapbook/Calendar
From 2011.igem.org
(Difference between revisions)
(2 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
- | <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/style.css?action=raw&ctype=text/css"> | + | <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/style.css?action=raw&ctype=text/css" /> |
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/vader/jquery-ui.css" /> | <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/vader/jquery-ui.css" /> | ||
+ | |||
+ | <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:WITS-CSIR_SA/calendar.css?action=raw&ctype=text/css" /> | ||
<script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/igem.js?action=raw&ctype=text/js"></script> | <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/igem.js?action=raw&ctype=text/js"></script> | ||
Line 11: | Line 13: | ||
<script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/menu.js?action=raw&ctype=text/js"></script> | <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/menu.js?action=raw&ctype=text/js"></script> | ||
+ | |||
+ | <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/underscore.js?action=raw&ctype=text/js"></script> | ||
+ | |||
+ | <script type="text/javascript" src="https://2011.igem.org/Team:WITS-CSIR_SA/calendar.js?action=raw&ctype=text/js"></script> | ||
<script type="/text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script> | <script type="/text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script> | ||
Line 61: | Line 67: | ||
<div class="padding"> | <div class="padding"> | ||
- | < | + | <div class="calendar" style="width:50%;"> |
- | < | + | Loading ... |
- | < | + | </div> |
- | < | + | |
- | < | + | <script type="text/html" id="tmplCalendar"> |
- | </ | + | <div class="months ui-corner-all"> |
+ | <% _.each(Months, function(month){ %> | ||
+ | <a href="#"><%= month.Name %></a> | ||
+ | <% }); %> | ||
+ | </div> | ||
+ | <div class="weeks"> | ||
+ | </div> | ||
+ | </script> | ||
+ | |||
+ | <script type="text/html" id="tmplWeeks"> | ||
+ | <% _.each(Weeks, function(week){ %> | ||
+ | <h3><a href="#"><%= week.Name %></a></h3> | ||
+ | <div class="content"> | ||
+ | <% _.each(week.Days, function(day){ | ||
+ | if(day.Text != '' && day.Text != null){ | ||
+ | %> | ||
+ | <h2><%= day.Name %></h2> | ||
+ | <p> | ||
+ | <%= day.Text %> | ||
+ | </p> | ||
+ | <% }}); %> | ||
+ | </div> | ||
+ | <% }); %> | ||
+ | </script> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | $(function(){ | ||
+ | $('div.calendar').AccordionCalendar(); | ||
+ | }); | ||
+ | </script> | ||
</div> | </div> |
Latest revision as of 14:03, 15 May 2011