Prosim pomozte s jQuery. Pujcil jsem si nekde jednoduchy filtr radku tabulek - ukazka zde. Chtel jsem to upravit tak, aby mi to pri nejakem textu vlozenem do input pole, po reloadu stranky rovnou filtrovalo. Ale dokazu to dostat jen do toho stavu ze to po reloadu vypise vsechny radky i s temi ktere by nemely byt videt, nebo to naopak vyfiltruje vsechny radky. (ted je tam na radku 68 udelany komentar aby to po nacteni stranky zobrazilo vsechny radky). prosim help!
Fórum › JavaScript, AJAX, jQuery
JQuery - filtr radek tabulky
#1 Tomas
ukazka je zde: http://test1.kostax.cz/index.html
http://mlich.zam.slu.cz/js-zas2/zas2.htm
http://vratnice.fpf.slu.cz/…l-seznam.htm
Nejlepsi je si to udelat po svem :)
Psani textu do inputu je udalost onchange.
Kliknuti mimo input je onblur.
Kliknuti do inputu je onfocus.
Cili, to muze filtrovat online.
(jak se to pise pro jquery ted netusim)
Po obnoveni stranky ztracis data. Pokud je nemas v cookies nebo ted existuje jakesi data javascript uloziste, zatim nepouzivam. A nebo je tam pridas z php nebo js-get (location.href a jine). Pak je treba spustit funkci na vyfiltrovani.
Cili, to zakomentovane // calculateFees(); na radku 68. Jenze, mas to napsane tak, calculateFees prebira data z
var data = this.value.split(" ");
Coz je spatne. this je v tomhle pripade window. Neco jineho je, kdyz to napises takhle
$('#searchInput').on('keyup change', calculateFees);
This je v tomhle pripade $('#searchInput').
Takze, vsechny ty radky, kde mas this, musis opravit, aby data prebiral z inputu.
Jeste jinak
$('#searchInput').on('keyup change', calculateFees); // znamena
el = document.getElementByid('searchInput');
el.onkeyup = calculateFees; // jenom prirazujes pointer na funkci
el.onchange = calculateFees; // jenom prirazujes pointer na funkci
el.onchange(); // spoustis to takhle
// this = el
// this je nadrazeny objekt funkce, ktereho je soucasti, v tomto pripade je to element
//Ale
calculateFees() // spoustis-li to takhle, je to totez jako
window.calculateFees()
// this = window
Jesne mozna ukazku, jak to vypada v html.
$('#searchInput').on('keyup change', calculateFees);
//<input id=searchInput onkeyup="calculateFees(event);" onkeyup="calculateFees(event);">
event = window.event // klinuti mysi, klavesnice, kolecko mysi, ...
Přidej příspěvek
Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku
×Vložení zdrojáku
×Vložení obrázku
×Vložení videa
Uživatelé prohlížející si toto vlákno
Podobná vlákna
Kazdy paty radek z tabulky — založil Mrkus
Filtrování tabulky s jQuery — založil JacobCZ
Filtr a vyhledávání — založil Loupis
Filtr DataGridView — založil Jorya
Sql filtr like — založil jstorm
Moderátoři diskuze