Forum PHP.pl

Witam,
dzisiaj zająłem się stworzeniem tabeli w jQuery i troszkę mi przystawiło na filtrowaniu danych.
Mianowicie chcę aby skrypt działał na podobnej zasadzie jak już gotowy i dosyć znany DataTables, a więc by można było podać więcej jak jedno słowo kluczowe do pola szukania [input=text].
Mój aktualny kodzik działa jak należy, jednak wyszukuje tylko jedno słowo kluczowe, dla przykładu:
Mamy tabelę

[HTML] pobierz, plaintext 
ID  |  Nazwa         |  Wartość  |  Data
--------------------------------------------------
1    |  First row      |  8367      |  2011-01-02
2    |  Second row  |  23745    |  2012-03-21
3    |  Third row     |  20152    |  2010-09-16
[HTML] pobierz, plaintext 

Wpisuję słowa kluczowe w wyszukiwarce tj.

[HTML] pobierz, plaintext 
firs 83 20 01 67 row
[HTML] pobierz, plaintext 

I ciągle ma być widoczny tylko pierwszy wynik w tabeli, zo przy moim aktualnym kodzie jest niemożliwe, w jego wyniku przy wprowadzonych takich słowach kluczowych wszystkie wyniki w tabeli są ukryte.

Mój aktualny kod

[PHP] pobierz, plaintext 
$("#filteringTable").keyup(filtering);
function filtering() {
	$(container).find("table tbody tr").each(function() {
		var count = 0;
		$(container).find("table tbody tr td").each(function() {
			var a = $(this).text();
			var b = $("#filteringTable").val();
			var rg = new RegExp(b, 'i');
			if(a.search(rg) != -1) {
				count++;
			}
		});
		if(count > 0) {
			$(this).show();
		} else {
			$(this).hide();
		}
	});
}
[PHP] pobierz, plaintext 

Myślę, że trzeba to zrobić funkcją explode() albo tablicą Array(), lecz nie bardzo wiem jak się do tego zabrać dlatego proszę Was o jakieś wskazówki, za które bardzo będę wdzięczny.

Serdecznie pozdrawiam.

Ten post edytował peja1990 21.03.2012, 12:40:27

Do rozbicia stringu na array (odpowiednik explode) w javascript służy .split(). Używasz np:
Jeżeli wartość to "ab c d", to dostaniesz:
[0]="ab";
[1]="c"
[2]="d".
Potem przy porównywaniu powinieneś każdorazowo porównywać do każdego elementu tablicy.

No tyle to ja wiem (IMG:style_emoticons/default/wink.gif)
A czy potrafiłbyś mi przedstawić strukturę sprawdzania tablic ?
Bo nie bardzo wiem jak się właśnie do tego zabrać...
Chyba muszę stworzyć tablicę dla każdego wiersza tabeli i tablicę, którą właśnie przedstawiłeś.
No i te dwie tablice porównać w każdym z wierszy...
Dobrze myślę ?
Jeżeli nie to mnie poprawcie a jeżeli tak to potwierdźcie bym wiedział czy idę w dobrym kierunku (IMG:style_emoticons/default/smile.gif)

Może to by pomogło?
http://api.jquery.com/contains-selector/

Dzięki, ale wolę użyć w tym skrypcie funkcji search() bo działa podobnie i jest na pewno bardziej odpowiednia (IMG:style_emoticons/default/wink.gif)

Ten post edytował peja1990 21.03.2012, 16:17:57

Polecenie search w javascript zwraca ci tylko pozycje wyszukiwanego słowa/wyrazu.Czy rzeczywiście jest lepsze?

[JAVASCRIPT] pobierz, plaintext 
$("#tabela tr:contains('John')").css("text-decoration", "underline");
[JAVASCRIPT] pobierz, plaintext 

- i podkreśla Tobie wszystkie słowa John w tabeli tabela w każdym wierszu.

Ten post edytował Niktoś 21.03.2012, 16:47:39

No nie wiem, ja jakoś tego nie widzę...
Ale jako dodatek na pewno się przyda (IMG:style_emoticons/default/smile.gif)

To był tylko przykład z podkreśleniem można robić dowolne operacje np.


Ten post edytował Niktoś 21.03.2012, 17:05:53

Wiem o tym (IMG:style_emoticons/default/smile.gif)
Kombinowałem z tym ale nie bardzo mi to leży...

Aktualnie mam taki kodzik:

[PHP] pobierz, plaintext 
$("#filteringTable").keyup(filtering);
function filtering() {
	$(container).find("table tbody tr").each(function() {
		var results = $(this).text().toLowerCase().replace(' ', '');
		var filter = $("#filteringTable").val().toLowerCase().split(' ');
		for(var i=0; i<filter.length;i++) {
			if(results.search(new RegExp(filter[i], 'i')) != -1) {
				$(this).show();
			} else {
				$(this).hide();
			}
		}
	});
}
[PHP] pobierz, plaintext 

Ale to jeszcze nie działa tak jak powinno...
Załóżmy, że wpisuję w inputa plik, a w tabeli mamy wniki jakie jak plik php i nowy folder to ładnie wyświetla tylko wynik plik ale jak dodam do tego spację to już wyświetla obydwa wyniki, a jeżeli do tego jeszcze dopiszę nowy czyli słowa kluczowe to plik nowy to wyświetla tylko wynik nowy folder...


EDIT::
PORADZIŁEM SOBIE (IMG:style_emoticons/default/exclamation.gif) !
Póki co to tylko szkielet więc kod wygląda niezbyt ładnie ale działa dokładnie tak jak chciałem (IMG:style_emoticons/default/exclamation.gif) !

[PHP] pobierz, plaintext 
$("#filteringTable").keyup(filtering);
function filtering() {
	$(container).find("table tbody tr").each(function() {
		var results = $(this).text().toLowerCase().replace(' ', '');
		var filter = $("#filteringTable").val().toLowerCase().split(' ');
		var x = 0;
		for(var i=0; i<filter.length;i++) {
			if(results.search(new RegExp(filter[i], 'i')) != -1) {
				x++;
			}
		}
		if(x == filter.length) {
			$(this).show();
		} else {
			$(this).hide();
		}
	});
}
[PHP] pobierz, plaintext 

Ten post edytował peja1990 21.03.2012, 17:36:23