Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Problem z wstawianiem tabeli przez JS, Mam tabele w HTML i chcę ją wstawić...
TomASS
post
Post #1





Grupa: Zarejestrowani
Postów: 1 660
Pomógł: 13
Dołączył: 9.06.2004
Skąd: Wrocław i okolice

Ostrzeżenie: (0%)
-----

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.

Ten post edytował TomASS 1.02.2006, 10:45:50


--------------------
www.fajrant.pl/
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 3)
LBO
post
Post #2





Grupa: Zarejestrowani
Postów: 1 415
Pomógł: 117
Dołączył: 7.09.2005
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

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);


Ten post edytował LBO 1.02.2006, 16:08:50
Go to the top of the page
+Quote Post
TomASS
post
Post #3





Grupa: Zarejestrowani
Postów: 1 660
Pomógł: 13
Dołączył: 9.06.2004
Skąd: Wrocław i okolice

Ostrzeżenie: (0%)
-----

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?

Ten post edytował TomASS 1.02.2006, 21:13:29


--------------------
www.fajrant.pl/
Go to the top of the page
+Quote Post
my_identify
post
Post #4





Grupa: Zarejestrowani
Postów: 24
Pomógł: 0
Dołączył: 5.02.2006

Ostrzeżenie: (0%)
-----

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>
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 21.08.2025 - 05:09
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn