JQuery - filtr radek tabulky – JavaScript, AJAX, jQuery – Fórum – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

JQuery - filtr radek tabulky – JavaScript, AJAX, jQuery – Fórum – Programujte.comJQuery - filtr radek tabulky – JavaScript, AJAX, jQuery – Fórum – Programujte.com

 

Tomas
~ Anonymní uživatel
560 příspěvků
19. 6. 2017   #1
-
0
-


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!
 

Nahlásit jako SPAM
IP: 188.120.193.–
Tomas
~ Anonymní uživatel
560 příspěvků
19. 6. 2017   #2
-
0
-
Nahlásit jako SPAM
IP: 188.120.193.–
peter
~ Anonymní uživatel
4016 příspěvků
20. 6. 2017   #3
-
0
-

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
Nahlásit jako SPAM
IP: 2001:718:2601:26c:4dbc:38...–
peter
~ Anonymní uživatel
4016 příspěvků
20. 6. 2017   #4
-
0
-

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

Nahlásit jako SPAM
IP: 2001:718:2601:26c:4dbc:38...–
Zjistit počet nových příspěvků

Přidej příspěvek

Toto téma je starší jak čtvrt roku – přidej svůj příspěvek jen tehdy, máš-li k tématu opravdu co říct!

Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku

×Vložení zdrojáku

×Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek z počítače:

×Vložení videa

Aktuálně jsou podporována videa ze serverů YouTube, Vimeo a Dailymotion.
×
 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo emailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové příspěvky (pouze pro přihlášené)
Sleduj vlákno a v případě přidání nového příspěvku o tom budeš vědět mezi prvními.
Reaguješ na příspěvek:

Uživatelé prohlížející si toto vlákno

Uživatelé on-line: 0 registrovaných, 5 hostů

Podobná vlákna

Kazdy paty radek z tabulky — založil Mrkus

Filtr a vyhledávání — založil Loupis

Filtr DataGridView — založil Jorya

Sql filtr like — založil jstorm

 

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032024 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý