if (!atom)
break;
atoms.push(atom);
- output.appendChild(atom.toDOMNode());
+ output.appendChild(toDOMNode(atom));
offset += atom.size;
}
};
reader.readAsArrayBuffer(file);
}
+ function toDOMNode(object)
+ {
+ var output = document.createElement('dl');
+
+ for (property in object) {
+ var value = object[property];
+ if (typeof(value) == 'function')
+ continue;
+ var div = document.createElement('div');
+ var dt = document.createElement('dt');
+ dt.innerText = property;
+
+ var dd = document.createElement('dd');
+ if (value instanceof Atom)
+ dd.appendChild(toDOMNode(value));
+ else if (value instanceof Array) {
+ dd.appendChild(toDOMNode(value));
+ }
+ else if (typeof(value) == "string")
+ dd.innerText = '"' + value + '"';
+ else if (value instanceof Date)
+ dd.innerText = value.toLocaleString();
+ else
+ dd.innerText = value;
+
+ div.appendChild(dt);
+ div.appendChild(dd);
+ output.appendChild(div);
+ }
+ return output;
+ }
+
function setup() {
document.getElementById('file').addEventListener('change', onFileSelect, false);
}
dt, dd { display: inline; }
dt:after { content:": " }
dd:after { content:"\A"; white-space:pre; }
- dd ol { display: inline-block; margin: 0; vertical-align: top }
+ dd dl { margin: 0; vertical-align: top }
/* make the output display as a table */
dl { display: table; }