Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: DOdawanie wiersza do tabeli w określonym miejscu
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
kociou1
Witam.

Chcę dodać wiersz<tr> do tabeli w określonym miejscu (powiedzmy że po wierszu o id=2) i nie wiem jak się do tego zabrac... jakieś sugestie??
maverickkk
Może....

Kod
<?

Pętla wyświetlająca zawartość Bazdy danych.
{

$zmienna=2;


if($id==$zmienna)
{
Wyświetl zawartość wiersza o id=2;
echo '<tr>cos</tr>';
}
else
Wyświetl zawartość wiersza o id różnym od 2;

}
?>
kociou1
Dzięki - ale zdaje się że ten post jest w dziale "javascript", myślałem że nie musze dodawać że chciałbym to zrobic za pomocą javascriptu biggrin.gif
maverickkk
Ślepym cool.gif sorry

może da się odp. moją przerobić do JS winksmiley.jpg
kociou1
Pora na trochę kodu
  1. <table id="table1" width="200" border="1">
  2.  <tr id="1">
  3.    <td>1</td>
  4.    <td>&nbsp;</td>
  5.  </tr>
  6.  <tr id="2">
  7.    <td>2</td>
  8.    <td>&nbsp;</td>
  9.  </tr>
  10. </table>

Tak wyględa tabela...
I już gdzieś tam powoli kręcę sie wokół tematu bo wiersz potrafię dodać za pomocą tego:
  1. var tablica=document.getElementById('table1');
  2. var tr=tablica.insertRow(0);
  3. tr.innerHTML="<td>xx</td><td>bgt</td>";

Niestety dziadostwo działa jedynie w firefoxie :/ a w IE dodaje <tr> ale iuz nie wstawia zawartości innerHTML :/
Coś mi się wydaje że naokoło krążę smile.gif
Zajec
Nie może być id="2" - wartości id muszą zaczynać się od litery.

http://zajec.net/test/createElement
kociou1
no to chyba jest to o co mi chodziło
  1. <table id="znacznikTable" border="1">
  2.  
  3. <tr><td> 1 </td><td>xxxx</td></tr>
  4. <tr><td> 2 </td><td>xxxx</td></tr>
  5. <tr><td> 3 </td><td>xxxx</td></tr>
  6.  
  7. <script type="text/javascript">
  8. function pokaz(){
  9. var tag = document.getElementById('znacznikTable');
  10.  
  11. var tekst = document.createTextNode("To będzie pierwsza komórka tabeli");
  12. var tekst2 = document.createTextNode("hehe");
  13. var wiersz = tag.insertRow(2);
  14.  
  15. var komorka = wiersz.insertCell(0);
  16. komorka.appendChild(tekst);
  17.  
  18. var komorka=wiersz.insertCell(1);
  19. komorka.appendChild(tekst2);
  20. }
  21.  
  22. <form action="</span>">
  23. <<span style='color:blue'>input type="button" onclick="pokaz()" value="Pokaż działanie">
  24. </form>

smile.gif a żeby nie było że sam to wymyśliłem: http://htmlhelp.shl.pl/dom/obiekty/htmltableelement.php
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.