The original Travel Time table is located here. Originally it is just a static table, two static tables to be exact.

I decided to make it a little more ‘fun’ to use. Click anywhere inside the table to view the action.

No fancy tricks used here. Just the basic DOM Table traversal and DOM attribute get/set.

var sdvtableName = "sdvNELDemoTable";
function Select(row, col, clear)
{            
	var myTable = document.getElementById(sdvtableName);
	var i = 0;
	var j = 0;
	
	if (clear)
	{
		for (i=1; i< myTable.rows.length; i++)
		{
			for (j=1; j<myTable.rows[i].cells.length; j++)
			{        
				var csName = myTable.rows[i].cells[j].getAttribute("class");
				if (csName != "tableHead") {
					myTable.rows[i].cells[j].setAttribute("class", "tableBody");
				}
			}
		}
	}	

	if (row == 0)
	{           
		//hightlight column only    
		for (i=1; i<myTable.rows.length;i++)
		{
			//get style
			var csName = myTable.rows[i].cells[col].getAttribute("class");
			if (csName != "tableHead") {
				if (csName == "highlighted")
					myTable.rows[i].cells[col].setAttribute("class", "tableBody");
				else
					myTable.rows[i].cells[col].setAttribute("class", "highlighted");
			}
		}
	}
	else if (col == 0)
	{           
		//highlight row only
		for (i=1; i<myTable.rows[row].cells.length;i++)
		{
			//get style
			var csName = myTable.rows[row].cells[i].getAttribute("class");
			if (csName != "tableHead") {
				if (csName == "highlighted")
					myTable.rows[row].cells[i].setAttribute("class", "tableBody");
				else 
					myTable.rows[row].cells[i].setAttribute("class", "highlighted");                
			}
		}
	}
	else
	{
		//highlight both based on row and column
		Select(row, 0, false);
		Select(0, col, false)
		var csName = table.rows[row].cells[col].getAttribute("class");
		if (csName != "tableHead") {
			table.rows[row].cells[col].setAttribute("class", "highlighted-twice");	
		}
	}
}

function initTable()
{
	var myTable = document.getElementById(sdvtableName);
	var i = 0;
	var j = 0;
	for (i=0; i< myTable.rows.length; i++)
	{
		for (j=0; j<myTable.rows[i].cells.length; j++)
		{            
			var c = j.toString();
			var r = i.toString();
			if (i==0 &amp;&amp; j == 0 )
				myTable.rows[i].cells[j].setAttribute("onclick", "Select(" + r + ", " + c +", true)");
			else 
				myTable.rows[i].cells[j].setAttribute("onclick", "Select(" + r + ", " + c +", true)");
		}
	}
}

And the CSS used

.tableBody 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align:center;
	color: #FFF;
	background-color: #000;
	cursor:pointer;
}
.tableHead
{            
	font-weight: bold;
	color: #FFF;
	background-color: #665A4A;
}
.highlighted 
{
	color: #000;
	background-color: #AAA;
}
.highlighted-twice
{
	color: #FFF;
	background-color: #666;
}

…. which requires you to get those analgesic medicine to alleviate the pain. This judgment is based on recent activity in NHibernate community website.

A person/machine, which by the way call him/her/itself as ‘support center’ open our eyes to website in which we can purchase Tramadol with a very competitive price.

It appears to me, that ‘support center’ somehow knows that developing NHibernate might requires you to consume analgesic medicine to help you to alleviate the pain. And being a good Samaritan, he/she/it shows us where to purchase it with the cheapest price.

This could also be simply viewed as a spam.

I like this song a lot. I like the combination of hip-hop sound and traditional Chinese instrument (Is it Erhu/Nanhu?). The Chipmunks cover is kinda hilarious and relaxing, especially when you can’t speak Chinese, and you have spent hours upon hours trying to pronounce the words correctly, and simultaneously trying to memorize the lyrics. *Grin*

Here’s the lyrics:

嚇 命有几回 合擂台等着
he ming you ji hui he lei tai deng zhe
Humph, How many rounds are there in life, the arena is waiting

生死状赢了 什么冷笑着
shen shi zhuang yin le she me leng xiao zhe
After winning a death duel, who’s smiling coldly?

天下谁的 第一又如何
tian xia shui de di yi you ru he
Who controls the fraternity? So what if (you) are the first

止干戈 我辈尚武德
zhi gan she wo bei shang wu de
Stop interfering in my martial rules

我的 拳脚了得 却奈何 徒增虚名一个
wo de quan jiao liao de que nai he du zheng xu ming yi ge
My punches and kicks are great but I only gained a meaningless title

江湖难测 谁是强者 谁争一 统武林的资格
jiang hu nan che shui shi qiang zhe shui zheng yi tong wu lin de zhi ge
The martial fraternity is too hard to predict. Who will be the strongest? Who will have the qualifications to rule the whole fraternity?

小城里岁月流过去 清澈的勇气 洗涤过的回忆
xiao cheng li sui yue liu guo qu qing che de yong qi xi yi guo de hui yi
Time passes fast in the city, the limpid courage washed away my memories

我记得你 骄傲的活下去
wo ji de ni jiao ao de huo xia qu
I’ll remember you, living on proudly

霍霍霍霍 霍霍霍霍 霍家拳的套路招式灵活
huo *9 jia quan de tao lu zhao shi ling huo
Huo (*9) family punch’s moves are flexible

我我我我 我我我我 活着生命就该完整渡过
wo (*8) huo zhe shen ming jiu gai wan zheng du guo
I (*8) I have lived life and should live to the finish

我我我我 我我我我 过错软弱从来不属于我
wo (*9) guo chuo ruan luo cong lai bu su yu wo
I (*8) Mistakes and weakness will never come from me

霍霍霍霍 霍霍霍霍 我们精武出手无人能躲
Huo (*8) wo men jing wu chu shou wu ren neng duo
I (*8) None can evade when our fine moves are executed

Source: http://www.jay-chou.net

The original version of Huo Yuan Jia (Fearless):

The live version: