Forum PHP.pl > table.innerHTML i IE

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

ActivePlayer

4.11.2005, 16:20:15

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

7.11.2005, 10:26:15

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

7.11.2005, 10:42:11

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

bregovic

7.11.2005, 15:52:03

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

FiDO

7.11.2005, 19:03:13

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

7.11.2005, 20:14:36

Cytat(revyag @ 2005-11-07 10:26:15)

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

27.11.2009, 01:37:06

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

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.