acid 3 test

Acid 3 test is online. Let's see who will pass it firstly.

Safari cellIndex problem solved in 3.0

Finally, Safari provide the cellIndex of a table cell properly. I think I will update some table stuff in this blog.

SVG progress in firefox

With bug 389746 and bug 390379 checked in . The firefox 3.0 will support all SVG filters.

Sortable table, dynamic table cell background color in action

Here. A big table of solvents properties and miscibility. Click or double click the table head to sort. The table background changes as your mouse wandering around to high light current table cell. Supposed to wWorks in IE7 too, but never tested. Works in Safari 3, Firefox 2, IE7, Opera 7.5. Opera has some high light problem. And the sorting works like a magic in Safari and Opera.

For mouseover event outside a tag in IE7,

is required.

SVG for 3D?

I saw some people using SVG to present 3D data. I don't like this idea. First, it is slow. Second there is a thing named X3D for it.

for...in loop and nodeList in Safari

Several years ago, I figured out that for...in loop doesn't work with a nodeList we got from dom functions like getElementsByTagName.

Or that means

var divs = document.getElementsByTagName("div"); var i; for( i in divs ){ divs.items(i).innerHTML = "B"; }

doesn't work in Safari. Some people may know that there is another way to access a nodeList in Firefox and IE, like

var divs = document.getElementsByTagName("div"); var i; for( i in divs ){ divs[i].innerHTML = "B"; }

However, this doesn't work in Safari too. (Actually it is wrong even in Firefox and IE.) The right way is

var divs = document.getElementsByTagName("div"); var i; for( i= 0; i < divs.length; i ++ ){ divs.items(i).innerHTML = "B"; }

The reason is that in Firefox or IE, nodeList is treated as an array, but Safari doesn't.