Prendela con le molle perchè è una prima bozza
ad ogni modo guarda se ti viene l'ispirazione 
Codice PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script language="JavaScript" type="text/JavaScript">
function _createElement(el,obj){
var _el= document.createElement(el);
for(var prop in obj){
if(prop=='class'){
//fix ie behaviour
_el.className= obj[prop];
}
_el.setAttribute(prop,obj[prop]);
}
return _el;
};
function _createTextNode(text){
return document.createTextNode(text);
};
function Grid(target){
this._target= target;
this.display=function(){
this._table.cellSpacing= this._cellSpacing;
this._table.cellPadding= this._cellPadding;
this._target.appendChild(this._table);
}
this.setTable= function(cs,cp,obj){
this._table= _createElement('table',obj);
this._cellSpacing = cs;
this._cellPadding = cp;
}
this.setHeader=function(headers){
this._thead= document.createElement('thead');
var _tr= document.createElement('tr');
for (var i = 0; i < headers.length; i++){
var _th = document.createElement('th');
_th.appendChild(document.createTextNode(headers[i]));
_tr.appendChild(_th);
}
this._thead.appendChild(_tr);
this._table.appendChild(this._thead);
}
this.setBody=function(data){
this._tbody= document.createElement('tbody');
for (var i = 0; i < data.length; i++){
var _tr= document.createElement('tr');
for(var prop in data[i]){
var _td = document.createElement('td');
_td.appendChild(document.createTextNode(data[i][prop]));
_tr.appendChild(_td);
}
this._tbody.appendChild(_tr);
}
this._table.appendChild(this._tbody);
}
this.build=function(){
}
}
window.onload=function(){
var mybody =document.getElementsByTagName("body")[0];
var _table= new Grid(mybody)
_table.setTable(5,5,{'with':'500','class':'mytable'});
_table.setHeader(['ID','Title','Description']);
var p= [{'id':1,'title':'Hello','description':'hello descr'},{'id':1,'title':'Hello2','description':'hello2 descr'}];
_table.setBody(p);
//_table.build();
_table.display();
}
</script>
</head>
<body>
</body>
</html>
Permessi di invio
Rispondi quotando