Javascript e le tabelle create dinaamicamente

Sono un patito di FF. La cosa non riguarda questioni di sicurezza, o anti IE; semplicemente FF mi piace di più. Il target degli utenti per cui sto sviluppando ultimamente è tuttavia il classico utente che installa il Sistema operativo e lavora con IE.

Io, tutto sommato, continuo imperterrito a sviluppare con FF ed ogni tanto mi trovo davanti a problemi di compatibilità Cross-Browser. Oggi l'ultimo: una tabella creata dinamicamente da javascript non funziona.

Il codice era questo:

var table = document.createElement("table");
var row = document.createElement("tr");
var cell = document.createElement("th");
cell.innerHTML = "value";
row.appendChild(cell);
table.appendChild(row);

Beh, con Firefox tutto ok, con IE la tabella non veniva mostrata. Dopo una decina di minuti di infruttuose ricerche su google mi convinco che il problema è talmente stupido che l'ho avuto solo io nella storia. Mi armo di pazienza e IE Developer Toolbar e comincio ad ispezionare l'HTML generato internamente da IE per visualizzare una tabella e mi accorgo che manca il tag TBODY.

Ebbene si, una volta creato il tag "table", si deve creare il tag "tbody" ed a questo vanno appese le righe. Infine questo va appeso alla tabella.

var table = document.createElement("table");
var tbody = document.createElement("tbody");
table.appendChild(tbody);
var row = document.createElement("tr");
var cell = document.createElement("th");
cell.innerHTML = "header" ;
row.appendChild(cell);
tbody.appendChild(row);


Lo posto qui così me lo ricordo quando mi ricapiterà.

Stay Tuned...

Nella stessa categoria

Commenti

Aggiungi un nuovo commento »»»
Per inserire un commento, devi registrarti alla nostra community.

© 1998-2008 - SMWorld.NET - Il blog di Stefano Mostarda

TagCloud
BLOG INFO
  • Post: 122
  • Commenti: 72
  • TrackBacks: 19
  • Feed blog e contenuti tecnici: RSS
  • Feed blog: RSS Atom OPML

MVP
CATEGORIE
I PIÙ LETTI DEL MESE
IN EVIDENZA