* Added a mini-calendar to the todo/list page. Needs some tidying up, but it provides a quick way to look up a date a few months ahead. Note that it doesn't insert the date: it's just for viewing. I modified the calendar a little bit from here: <http://www.pxl8.com/basic_calendar.html

* Added some XMLHTTPRequest calls to speed up checking off an item as done. It grabs the checked item and appends it immediately to a 'holding' section (where you can uncheck it again if it was a mistake, or add a closing note). When you next refresh the page, it will be added to the 'Last 5 completed items' section.


git-svn-id: http://www.rousette.org.uk/svn/tracks-repos/trunk@47 a4c988fc-2ded-0310-b66e-134b36920a42

tracks/public/javascripts/calendar.js

@@ -0,0 +1,69 @@
+/* Today's date */
+var DOMonth = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
+var lDOMonth = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
+var moty = ["January","February","March","April","May","June","July","August","September","October","November","December"];
+
+function Calendar_get_daysofmonth(monthNo, p_year) {
+	if ((p_year % 4) == 0) {
+		if ((p_year % 100) == 0 && (p_year % 400) != 0)
+			return DOMonth[monthNo];
+		return lDOMonth[monthNo];
+	} else
+		return DOMonth[monthNo];
+}
+
+function getNextMonth(m,y,incr){
+	var ret_arr = new Array();
+	ret_arr[0] = m + incr; ret_arr[1] = y;
+	if (ret_arr[0] == 12){ ret_arr[0]=0; ret_arr[1]=ret_arr[1]+1; }
+	if (ret_arr[0] == -1){ ret_arr[0]=11; ret_arr[1]=ret_arr[1]-1; }
+	return ret_arr;
+}
+function figureDOTW(m,d,y){
+	var tDate = new Date(); tDate.setDate(d); tDate.setMonth(m); tDate.setYear(y); return tDate.getDay();
+}
+function scramKids(n){ // this is a basic removeChild loop for removing all childNodes from node n
+	var numKids = n.childNodes.length;
+	for (i=0;i<numKids;i++) { n.removeChild(n.childNodes[0]); }
+}		
+function buildCalendar(m,y,ff){
+	var dayNo = figureDOTW(m,1,y);
+	var monthNo = Calendar_get_daysofmonth(m,y);
+
+	var dayCount = 1;
+	var calTB = document.getElementById('calTbl').getElementsByTagName('tbody')[0];
+	var calNav = document.getElementById('calNav');
+	scramKids(calTB);
+	for (i=0;i<6;i++){ // row loop
+		var calTR = document.createElement('tr');
+		var calTDtext;
+		
+		for (j=0; j < 7; j++){ // cells in row loop
+			var calTD = document.createElement('td');
+			if (j == 0 || j == 6 )
+				calTD.style.backgroundColor = '#fff';
+			if ((i==0 && j < dayNo) || dayCount > monthNo) // if this is the first row....
+				calTDtext = document.createElement('br');
+			else  {
+				calTDtext = document.createTextNode(dayCount.toString());
+				
+				if (dayCount == curr_dy && m == curr_mn && y == curr_yr)
+					calTD.style.color = '#ff6600';
+				dayCount++;
+			}
+			calTD.appendChild(calTDtext);
+			calTD.setAttribute('width','14%');
+			calTR.appendChild(calTD);
+		}
+		calTB.appendChild(calTR);
+	}
+	
+	var nMonth = getNextMonth(m,y,+1);
+	var pMonth = getNextMonth(m,y,-1);
+	
+	document.getElementById('pyNav').innerHTML = '<a href="javascript:void(0)" title="Previous Year" onclick="buildCalendar('+m+','+(y-1)+',\''+ff+'\')"><<</a>';
+	document.getElementById('pmNav').innerHTML = '<a href="javascript:void(0)" title="Previous Month" onclick="buildCalendar('+pMonth[0]+','+pMonth[1]+')"><</a>';
+	document.getElementById('myNav').innerHTML = moty[m] +' '+y;
+	document.getElementById('nyNav').innerHTML = '<a href="javascript:void(0)" title="Next Year" onclick="buildCalendar('+m+','+(y+1)+')">>></a>';
+	document.getElementById('nmNav').innerHTML = '<a href="javascript:void(0)" title="Next Month" onclick="buildCalendar('+nMonth[0]+','+nMonth[1]+')">></a>';
+}

tracks/public/javascripts/toggle_notes.js

@@ -1,13 +1,57 @@
-function toggleAll(itemname,state)
-{
-	tmp = document.getElementsByTagName('div');
-  	for (i=0;i<tmp.length;i++)
-    	{
-       if (tmp[i].className == itemname) tmp[i].style.display = state;
-    	}
+function toggleAll(itemname,state) {
+  tmp = document.getElementsByTagName('div');
+  for (i=0;i<tmp.length;i++) {
+    if (tmp[i].className == itemname) tmp[i].style.display = state;
+  }
 }
 
-function toggle(idname) 
-{
-		document.getElementById(idname).style.display = (document.getElementById(idname).style.display == 'none') ? 'block' : 'none';
-}
+function toggle(idname) {
+  document.getElementById(idname).style.display = (document.getElementById(idname).style.display == 'none') ? 'block' : 'none';
+}
+
+//
+// XMLHTTPRequest code from David Goodlad <http://hieraki.goodlad.ca/read/book/1>
+//
+
+function createXMLHttpRequest() {
+  try {
+    // Attempt to create it "the Mozilla way" 
+    if (window.XMLHttpRequest) {
+      return new XMLHttpRequest();
+    }
+    // Guess not - now the IE way
+    if (window.ActiveXObject) {
+      return new ActiveXObject(getXMLPrefix() + ".XmlHttp");
+    }
+  }
+  catch (ex) {}
+  return false;
+};
+
+// Move item from uncompleted to completed
+// Many thanks to Michelle at PXL8 for a great tutorial:
+// <http://www.pxl8.com/appendChild.html>
+function moveRow(id){
+  // -- get the table row correstponding to the selected item
+  var m1 = document.getElementById(id);
+  if (m1)
+  // -- append it to the 1st tbody of table id="holding"
+  document.getElementById('holding').getElementsByTagName('tbody')[0].appendChild(m1);
+}
+
+function markItemDone(rowId, uri, id) {
+  var req = createXMLHttpRequest();
+  moveRow(rowId);
+
+  if(!req) {
+    return false;
+  }
+
+  req.open("POST", uri, true); //POST asynchronously
+  req.setRequestHeader('Content-Type', 'application/x-www-form-url-encoded; charset=UTF-8');
+  req.onreadystatechange = function() {
+    if (req.readyState == 4 && req.status == 200) {
+    }
+  }
+  req.send(encodeURIComponent("id") + '=' + encodeURIComponent(id));
+};