Ciao.
Ci sarebbe un altro piccolo problemuccio
Nello script reale adesso la tabella viene visualizzata
ma con uno spazio al top (solo IE) (è come se avesse la table un margine-top)
Inoltre con IE non evidenzia gli stili (delle tr come class)
Visto che c'ero ho aggiunto tutte le componenti della table
posto il codice nella speranza che tu possa darci un occhio.
Codice PHP:
function displayUserList(xml)
{
var classA = 'former';
var classB = 'latter';
var user = xml.getElementsByTagName('user');
var nUsers = user.length;
var content = document.getElementById('content');
if(!content){return;}
if(nUsers>0)
{
var table = document.createElement('table');
table.setAttribute('cellspacing','0');
table.setAttribute('cellpadding','0');
var mTBody = document.createElement('tbody');
var mThead = document.createElement('thead');
var mTfoot = document.createElement('tfoot');
var trH = document.createElement('tr');
var nTh = document.createElement('th');
nTh.setAttribute('width','4%');
nTh.appendChild(document.createTextNode('N°'));
var uTh = document.createElement('th');
uTh.setAttribute('width','17%');
uTh.appendChild(document.createTextNode('Username'));
var eTh = document.createElement('th');
eTh.setAttribute('width','36%');
eTh.appendChild(document.createTextNode('Email'));
var jTh = document.createElement('th');
jTh.setAttribute('width','20%');
jTh.appendChild(document.createTextNode('Join Date'));
var lTh = document.createElement('th');
lTh.setAttribute('width','20%');
lTh.appendChild(document.createTextNode('Last Login'));
var dTh = document.createElement('th');
dTh.setAttribute('width','3%');
dTh.appendChild(document.createTextNode('Delete'));
var header = [nTh,uTh,eTh,jTh,lTh,dTh];
for(var i=0;i<header.length;i++)
{
trH.appendChild(header[i]);
}
mThead.appendChild(trH);
table.appendChild(mThead);
var fTr = document.createElement('tr');
for(var i=0;i<header.length;i++)
{
var fTd=document.createElement('td');
fTr.appendChild(fTd);
}
mTfoot.appendChild(fTr);
table.appendChild(mTfoot);
var n = 0;
for(var i=0;i<nUsers;i++)
{
n++;
var name = user[i].getElementsByTagName('user_name')[0].firstChild.data;
var email = user[i].getElementsByTagName('user_email')[0].firstChild.data;
var regDate = user[i].getElementsByTagName('user_date')[0].firstChild.data;
var lastLogin = user[i].getElementsByTagName('user_stat_date')[0].firstChild.data;
var id = user[i].getElementsByTagName('user_id')[0].firstChild.data;
var inputD = document.createElement('input');
inputD.setAttribute('type','button');
inputD.setAttribute('name',id);
inputD.setAttribute('value','Delete');
inputD.setAttribute('class','delete');
var values = [n,name,email,regDate,lastLogin,inputD];
var tr = document.createElement('tr');
var current=(i%2)?classA:classB;
tr.setAttribute('class',current);
table.appendChild(tr);
for(var j=0;j<values.length;j++)
{
var td=document.createElement('td');
if(typeof values[j] == 'object')
{
td.appendChild(inputD);
tr.appendChild(td);
}
else
{
td.appendChild(document.createTextNode(values[j]));
tr.appendChild(td);
}
}
mTBody.appendChild(tr);
}
removeFChild(content);
table.appendChild(mTBody);
content.appendChild(table);
}
else
{
var p = document.createElement('p');
p.setAttribute('class','valid');
p.appendChild(document.createTextNode(noData));
removeFChild(content);
content.appendChild(p);
}
};