Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript]połączenie 2 funkcji jquery
Randallmaster
post
Post #1





Grupa: Zarejestrowani
Postów: 677
Pomógł: 11
Dołączył: 18.11.2009

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


Generuje duża tabelę z bazy mysql.

znalazłem w internecie 2 skrypty:

Do wyszukiwania oraz stronicowania

http://jsfiddle.net/pT6dB/62/
http://jsfiddle.net/gabrieleromanato/Xugej/

W jaki sposób mogę połączyć oba skrypty aby się do siebie odnosiły? bo jeśli oba kody zrobię jeden za drugim to gdy wyszukuje, nie stronic uje mi.
Go to the top of the page
+Quote Post
skowron-line
post
Post #2





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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


[JAVASCRIPT] pobierz, plaintext
  1. $('LI STRONG').click(function(e) { // tu li strong musisz zamienić na selektor który wybierze Ci konkretną kolumne z tabeli
  2. e.preventDefault(); // disable text selection
  3.  
  4. $('EM', $(this).parent()).slideToggle();
  5.  
  6. return false; // disable text selection
  7. });
[JAVASCRIPT] pobierz, plaintext


i tu
[JAVASCRIPT] pobierz, plaintext
  1. $('#search').keyup(function(e) {
  2. var s = $(this).val().trim();
  3.  
  4. // show all results
  5. $('#result LI').show();
  6.  
  7. // split the search into words
  8. var keywords = s.split(' ');
  9.  
  10. // loop over the keywords and if it's not in a LI, hide it
  11. for(var i=0; i<keywords.length; i++) {
  12. $('#result LI:not(:contains('+keywords[i]+'))').hide();
  13. }
  14. });
[JAVASCRIPT] pobierz, plaintext
tu również musisz zmienić selektory z tym że nie będzie to proste, ponieważ ty musisz ukrywać cały wiersz tabeli więc jak już znajdziesz to czego szukasz to musisz wyskoczyć jeden element w górę z td do tr i go ukryć.

Poszukaj w necie bo są skrypty które mają te 2 opcje połączone i dodatkowo mają sorter.

I dodatkowo sprawdz czy Ci to nie będzie zamulać zbytnio, skoro jest to dość duża tabela
Go to the top of the page
+Quote Post
Randallmaster
post
Post #3





Grupa: Zarejestrowani
Postów: 677
Pomógł: 11
Dołączył: 18.11.2009

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


Sortowanie po tabeli zrobiłem ale nie wiem jak je złączyć ;/

to samo wyszukiwanie gdy czegoś szukam to mi to wyszukuje ale wyszukiwanie nie uwzględnia paginacji, pokazuje mi początkową ilość stron.

Takie skrypty znalazłem ale są bardzo mocno rozbudowane.. ja potrzebuje dołączyć swój css do tego.

Mógłbyś mi jakiś polecić?


  1. $('#search').keyup(function(e) {
  2. var s = $(this).val().trim();
  3.  
  4. // show all results
  5. $('#kontrahent_search tr').show();
  6.  
  7. // split the search into words
  8. var keywords = s.split(' ');
  9.  
  10. // loop over the keywords and if it's not in a LI, hide it
  11. for(var i=0; i<keywords.length; i++) {
  12. $('#kontrahent_search TR:not(:contains('+keywords[i]+'))').hide();
  13.  
  14. }
  15. });
  16. $('#kontrahent_search').each(function() {
  17. var currentPage = 0;
  18. var numPerPage = 10;
  19. var $table = $(this);
  20. $table.bind('repaginate', function() {
  21. $table.find('tbody tr').hide().slice(currentPage * numPerPage, (currentPage + 1) * numPerPage).show();
  22. });
  23. $table.trigger('repaginate');
  24.  
  25. var numRows = $table.find('tbody tr').length;
  26. var numPages = Math.ceil(numRows / numPerPage);
  27. var $pager = $('<div class="pager"></div>');
  28. for (var page = 0; page < numPages; page++) {
  29. $('<span class="page-number"></span>').text(page + 1).bind('click', {
  30. newPage: page
  31. }, function(event) {
  32. currentPage = event.data['newPage'];
  33. $table.trigger('repaginate');
  34. $(this).addClass('active').siblings().removeClass('active');
  35. }).appendTo($pager).addClass('clickable');
  36. }
  37. $pager.insertAfter($('#hr')).find('span.page-number:first').addClass('active');
  38. });
Go to the top of the page
+Quote Post
Dominator
post
Post #4





Grupa: Zarejestrowani
Postów: 565
Pomógł: 15
Dołączył: 11.10.2010

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


Przepraszam za mały offtopik, ale za co odpowiada ten kod?

  1. $('#kontrahent_search TR:not(:contains('+keywords[i]+'))').hide();
Go to the top of the page
+Quote Post
Randallmaster
post
Post #5





Grupa: Zarejestrowani
Postów: 677
Pomógł: 11
Dołączył: 18.11.2009

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


za ukrycie elementów nie pasujących do wpisanego słowa kluczowego

Znalazłem nowy kod:
http://jsfiddle.net/oscarj24/Mm9xH/

ale niestety źle działa wyszukiwanie wie ktoś dlaczego?
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 23.08.2025 - 07:54