Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js][ajax] dynamiczne dodawanie wierszy w tabeli
Forum PHP.pl > Forum > Po stronie przeglądarki
yarek12
Witam, prosiłbym o jakieś linki do gotowych rozwiązań, tutorlialii skryptów dodających tr do table (dynamicznie).
Nie chodzi mi o pierwsze wyniki w google które już dawno widziałem, tylko sprawdzone skrypty, ewentualnie, jakieś porady jak to napisać.
nospor
Kod
jQuery('#idtabeli').append('<tr></tr>');

yarek12
hmm, nigdy nie używałem bibliotek jquery, możesz pokazać więcej kodu?
nospor
Ale to jest cały kod smile.gif W tym tkwi piękno jQuery - wszystko robisz szybko i krótko smile.gif
yarek12
  1. function add() {
  2. jQuery('tabela').append('<tr><td><input type="text"></td>/tr>');
  3. }


takie coś?

2 pytanie, potrzebuję jeszcze każdemu inputowi dodać kolejne id, jak to zrobić?
nospor
Nie
jQuery('tabela')
a
jQuery('#idtabeli')
lub coś innego po czym identyfikujesz tabelę.

nie: <tr><td><input type="text"></td>/tr>
a: <tr><td><input type="text"></td></tr>

Pisz poprawny kod.

Cytat
2 pytanie, potrzebuję jeszcze każdemu inputowi dodać kolejne id, jak to zrobić?
No to zwiększaj jakąś zmienną o 1 i już.
yarek12
ok, a jak zrobić usuwanie, tylko ostatniego wiersza?
nospor
Kod
jQuery('#idtabeli tr:last').remove();
yarek12
Świetnie, wszystko działa.
Teraz pytanie, da się usunąć ostatnie 2 wiersze?
A drugie, np ustalić że nie da się usuwać jak zostały już tylko 3 wiersze??
nospor
Cytat
Teraz pytanie, da się usunąć ostatnie 2 wiersze?

właśnie westchnąłem.... to już ostatni raz. next time pomyśl
Kod
jQuery('#idtabeli tr:last').remove();
jQuery('#idtabeli tr:last').remove();


Cytat
A drugie, np ustalić że nie da się usuwać jak zostały już tylko 3 wiersze??
Policz ile jest tr. W tym celu polecam zapoznanie się z jQuery
http://docs.jquery.com/Main_Page
yta
Nie wiem czy Ci pomoże ale to , pisałem ostatnio na zajęciach w szkole ten skrypt :

[JAVASCRIPT] pobierz, plaintext
  1. <script type="text/javascript">
  2. document.write('<table border=1 width=400>');
  3. var b;
  4. for(b=1;b<=10;b=b+1)
  5. {
  6. document.write('<tr>');
  7.  
  8. var c;
  9. for (c=1;c<=10;c=c+1)
  10. {
  11. document.write('<td>');
  12. document.write('&nbsp;');
  13. document.write('</td>');
  14.  
  15. }
  16. document.write('</tr>');
  17. }
  18.  
  19. document.write('</table>');
  20.  
  21. </script>
[JAVASCRIPT] pobierz, plaintext


dodaje wiersze i komórki i większa kontrola poprzez użycie funkcji :

[JAVASCRIPT] pobierz, plaintext
  1.  
  2. function tabela(wy,wx)
  3. {
  4. document.write('<table border=1 width=400>');
  5. var b;
  6. for(b=1;b<=10;b=b+1)
  7. {
  8. document.write('<tr>');
  9.  
  10. var c;
  11. for (c=1;c<=10;c=c+1)
  12. {
  13. document.write('<td>');
  14. document.write('&nbsp;');
  15. document.write('</td>');
  16.  
  17. }
  18. document.write('</tr>');
  19. }
  20.  
  21. document.write('</table>');
  22. }
  23. document.write(tabela(2,2));
[JAVASCRIPT] pobierz, plaintext

Zamiast wierwszy WY zamiast komórek WX
chyba że chcecie zmienne b, c tongue.gif

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.