table.innerHTML i IE Opcje

[ActivePlayer]

js onclick na jakimstam linku:

Kod

var tabelka = document.getElementById('plan');
//...
tabelka.innerHTML = tabelka.innerHTML + do_dodania;  // w tym miejscu IE sie wysypuje
// do_dodania jest stringiem i zawiera dobre dane

[HTML] pobierz, plaintext 
<table id="plan">
...
</table>
[HTML] pobierz, plaintext 

pod ff smiga. pod IE nie bardzo

[revyag]

Nie śmiga bo treść tabeli to tbody:) Wystarczy że zrobisz tak:

[HTML] pobierz, plaintext 
<table>
<tbody id="plan"></tbody>
</table>
[HTML] pobierz, plaintext 

[dr_bonzo]

@AP: a do tabeli wrzucasz caly HTML (<tr><td>....</td>... itd)?

[bregovic]

Teoretycznie używanie innerHTML w ten sposób to błąd. Aby było to poprawne użycie DOM powinieneś stworzyć nowe gałęzie i dodać je do table.

Coś w stylu:

Kod

div = document.createElement("div");
preface = document.getElementById("preface");
document.insertBefore(div, preface);

Ale to może być moja pedantyczność.

Parę linków:
http://developer.mozilla.org/en/docs/DOM
http://developer.mozilla.org/en/docs/Gecko_DOM_Reference

Ten post edytował bregovic 7.11.2005, 15:55:06

[FiDO]

Sa specjalne metody do operacji na tabelach.
Jako przyklad moge pokazac kawalek wyciety z kontekstu:

Kod

// fields - tablica zawartosci dodawanych komorek
// pos - pozycja na ktorej dodajemy wiersz (domyslnie na koncu tabeli)
this.insertRow = function (fields, pos) {
    body = this.table.tBodies[0];
    var row = body.insertRow( (typeof pos == 'number') ? pos : body.rows.length );
    for (var i = 0; i < fields.length; i++) {
        row.insertCell(i).innerHTML = fields[i];
    }
    // [...]
    return row;
}

[ActivePlayer]

Nie śmiga bo treść tabeli to tbody:) Wystarczy że zrobisz tak:

[HTML] pobierz, plaintext 
<table>
<tbody id="plan"></tbody>
</table>
[HTML] pobierz, plaintext 

Własnie tak tez nie działało. przerobilem juz na divy bo z tymi tabelkami to wiecej problemow niż korzyści.

[wiki_nosi]

Odświeżam starego kotleta.
Miałem właśnie podobny przypadek i nie za bardzo mogłem znaleźć odpowiedź w necie.
Tutaj dyskusja podążała w najlepszym kierunku, rozwiązanie

zamiast

[HTML] pobierz, plaintext 
<table id="plan">
...
</table>
[HTML] pobierz, plaintext 

robimy

[HTML] pobierz, plaintext 
<table><tr><td><div id="plan"><div id="plan_1">
</div></div></td></tr></table>
[HTML] pobierz, plaintext 

a kod

Kod

var tabelka = document.getElementById('plan');
//...
tabelka.innerHTML = tabelka.innerHTML + do_dodania;  // w tym miejscu IE sie wysypuje
// do_dodania jest stringiem i zawiera dobre dane

przerabiamy na

Kod

var divek = document.getElementById('plan' + PLAN_LP); // zmienna PLAN_LP jest zmienną globalną ustawioną na starcie PLAN_LP = 1
        
var ll_lp_div = PLAN_LP + 1;
//...

var ls_table = '<table>' + do_dodania + '</table>' + '<div id="plan_' + ll_lp_div + '"></div>';
        
PLAN_LP++;
divek .innerHTML = ls_table;

przypomnę że zmienna do_dodania złożona jest ze stringa typu <TR><TD>fasf</td><td>asfas</td>.....</tr>


IE nie potrafi za pomocą innerHTML obiektu TABLE zmieniać body tabeli.

powyższy przykład działa na wszystkich przeglądarkach

Ave IE