Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [js][ajax] dynamiczne dodawanie wierszy w tabeli
yarek12
post 17.06.2011, 10:34:48
Post #1





Grupa: Zarejestrowani
Postów: 127
Pomógł: 0
Dołączył: 5.08.2010

Ostrzeżenie: (10%)
X----


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ć.
Go to the top of the page
+Quote Post
nospor
post 17.06.2011, 10:45:02
Post #2





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




Kod
jQuery('#idtabeli').append('<tr></tr>');



--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
yarek12
post 17.06.2011, 12:11:09
Post #3





Grupa: Zarejestrowani
Postów: 127
Pomógł: 0
Dołączył: 5.08.2010

Ostrzeżenie: (10%)
X----


hmm, nigdy nie używałem bibliotek jquery, możesz pokazać więcej kodu?
Go to the top of the page
+Quote Post
nospor
post 17.06.2011, 12:19:04
Post #4





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




Ale to jest cały kod smile.gif W tym tkwi piękno jQuery - wszystko robisz szybko i krótko smile.gif


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
yarek12
post 17.06.2011, 12:24:09
Post #5





Grupa: Zarejestrowani
Postów: 127
Pomógł: 0
Dołączył: 5.08.2010

Ostrzeżenie: (10%)
X----


  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ć?
Go to the top of the page
+Quote Post
nospor
post 17.06.2011, 12:26:36
Post #6





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




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ż.


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
yarek12
post 17.06.2011, 12:43:22
Post #7





Grupa: Zarejestrowani
Postów: 127
Pomógł: 0
Dołączył: 5.08.2010

Ostrzeżenie: (10%)
X----


ok, a jak zrobić usuwanie, tylko ostatniego wiersza?
Go to the top of the page
+Quote Post
nospor
post 17.06.2011, 12:47:24
Post #8





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




Kod
jQuery('#idtabeli tr:last').remove();


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
yarek12
post 17.06.2011, 12:52:41
Post #9





Grupa: Zarejestrowani
Postów: 127
Pomógł: 0
Dołączył: 5.08.2010

Ostrzeżenie: (10%)
X----


Ś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??
Go to the top of the page
+Quote Post
nospor
post 17.06.2011, 12:54:24
Post #10





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




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


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
yta
post 18.06.2011, 10:26:23
Post #11





Grupa: Zarejestrowani
Postów: 201
Pomógł: 3
Dołączył: 10.04.2010

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


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

Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 21.06.2025 - 08:18