Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Problem z wstawianiem tabeli przez JS
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
TomASS
1.02.2006, 10:45:19
Witam

Mam dokument HTML a w nim:
[HTML] pobierz, plaintext 
  1. <table>
  2.   <tbody id="Tabela">
  3.  
  4.   </tbody>
  5. </table>
[HTML] pobierz, plaintext


Na razie jest pusta.
Mam również string w JS o takiej konstrukcji:
[HTML] pobierz, plaintext 
  1. <table><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>8</td></tr>
  2. <tr><td>4</td><td>5</td></tr><tr><td>6</td><td>7</td></tr></table>
[HTML] pobierz, plaintext

Jeśli byłoby wygodniej to można by było wygenerować inny string, chodzi mi o to, że chciałby aby dane z tego stringa (z tej tabelki) "wpasowały się" do <tbody id="Tabela">

Próbowałem rozbijać string metodą string.slice(), ale to nie wiele mi daje, ponieważ nie umiem wygenerować ciała tabeli :/
Gdyby ktoś mi podpowiedział jak, lub przy użyciu jakich funkcji to byłbym bardzo wdzięczny.

Dzięki za pomoc - jak widać w JS jestem całkiem zielony, dopiero zaczynam przygodę z JS.
LBO
1.02.2006, 16:06:53
hmmm.. ja zrozumialem ze chcesz wyciagnac dane z komorek tabeli w stringu... hmm.. dobrym pomyslem byloby uciecie znacznikow TABLE (albo wogole ich nie wstawianie) a potem (same wiersze i kolumny) wstawic metoda .innerHTML().. poszukaj na forum o innerHTML tematow

to byloby cos w stylu:
Kod
document.getElementById("Tabela").innerHTML(string);
TomASS
1.02.2006, 21:11:43
Hej, zrobiłem coś takiego:

[HTML] pobierz, plaintext 
  1. <body>
  2.  
  3. <table>
  4.   <tbody id="dataTable">
  5.  
  6.   </tbody>
  7. </table>
  8. </body>
  9.  
  10.  
  11. <script type="text/javascript">
  12. function $(id){
  13.  return document.getElementById(id);
  14. }
  15.  
  16. d = $("dataTable");
  17. var dane = '<tr><td>1</td><td>2</td></tr>
  18. <tr><td>3</td><td>4</td></tr>
  19. <tr><td>5</td><td>6</td></tr>
  20. <tr><td>7</td><td>8</td></tr>';
  21. var a = dane.split('</tr>');
  22. var b;
  23. var ilosc_kolumn;
  24. var ilosc_wierszy = a.length-1;
  25. gotowe = new Array();
  26. //a[i][j]
  27. //i - wiersz
  28. //j - kolumna
  29.  
  30. for(i=0;i<ilosc_wierszy;i++){
  31.  a[i]=a[i].slice(4,a[i].length);
  32. }
  33.  
  34. for(i=0;i<ilosc_wierszy;i++){
  35.  b = a[i].split('</td>');
  36.  for(j=0;j<b.length;j++){
  37.   b[j]=b[j].slice(4,b[j].length);
  38.  }
  39.  gotowe[i]=b;
  40. }
  41.  
  42. ilosc_kolumn = b.length-1;
  43.  
  44.  
  45. for(i=0;i<ilosc_wierszy;i++){
  46.  tr = document.createElement("tr");
  47.  for(j=0;j<ilosc_kolumn;j++){
  48.   td = document.createElement("td");
  49.   td.innerHTML = gotowe[i][j];
  50.   tr.appendChild(td);
  51.  }
  52.  d.appendChild(tr);
  53. }
  54. </script>
[HTML] pobierz, plaintext

(aby działało, to linie po var dane trzeba złożyć razem w jednym wierszu - rozdzieliłem to na 4 wiersze aby lepiej wyglądało to na forum smile.gif )
i w zmiennej dane mam właśnie tą tabelę - działa, ale czy to jest najprostrzy sposób? Moze któreś z czynności można uprościc?
my_identify
5.02.2006, 19:02:53
Tyle kodu blink.gif. A nie można po prostu div'a wstawić?
[HTML] pobierz, plaintext 
  1. <body>
  2.  
  3. <div id="dataTable"></div>
  4.  
  5. </body>
[HTML] pobierz, plaintext


i wtedy:
Kod
<script type="text/javascript">
function $(id){
return document.getElementById(id);
}

d = $("dataTable");
var dane = '<table><tbody><tr><td>1</td><td>2</td></tr>
<tr><td>3</td><td>4</td></tr>
<tr><td>5</td><td>6</td></tr>
<tr><td>7</td><td>8</td></tr></tbody></table>';

d.innerHTML=d;
</script>
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.