Diskuze: Průběžné načítání výsledků pomocí ajaxu
V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.


Zobrazeno 15 zpráv z 15.
K personalizaci obsahu a reklam, poskytování funkcí sociálních médií a analýze naší návštěvnosti využíváme soubory cookie. Informace o tom, jak náš web používáte, sdílíme se svými partnery pro sociální média, inzerci a analýzy. Partneři tyto údaje mohou zkombinovat s dalšími informacemi, které jste jim poskytli nebo které získali v důsledku toho, že používáte jejich služby.
Používáme nezbytné cookies pro fungování webu a s tvým souhlasem také analytické a marketingové cookies.
Zajišťují základní funkce, bezpečnost a služby, které sis vyžádal. Nelze je vypnout.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| ITnetwork | ITnetwork | Provoz webu, relace, přihlášení a uložení nastavení cookies. | PHPSESSID, auth_token, sid, itn_consent_impression, __Host-itn_consent | Relace až 1 rok |
| Google Tag Manager | Správa značek a načítání měřicích nástrojů webu. | Žádné | Neukládá se | |
| Google Fonts | Načítání typografie webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google Hosted Libraries | Načítání potřebných knihoven a stylů webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google reCAPTCHA | Ochrana formulářů a webu před zneužitím. | _GRECAPTCHA, rc::a, rc::b, rc::c, rc::f | Relace až 180 dní | |
| YouTube | Přehrávání vloženého video obsahu. | localStorage, IndexedDB; cookies after playback interaction | Relace až trvalé úložiště | |
| Vimeo | Vimeo | Přehrávání vloženého video obsahu. | __cf_bm, _cfuvid, vuid, localStorage, IndexedDB | Relace až 2 roky |
| Facebook Login | Meta | Přihlášení pomocí účtu třetí strany. | Úložiště řízené poskytovatelem | Relace až 1 rok |
| GoPay | GoPay | Zpracování uživatelem vyžádané platby. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele |
Pomáhají nám porozumět používání webu a zlepšovat ho.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Analytics 4 | Měření návštěvnosti a používání webu. | _ga, _ga_* | Až 2 roky | |
| Microsoft Clarity | Microsoft | Měření návštěvnosti a používání webu. | _clck, _clsk, _cltk | Relace až 1 rok |
Slouží k měření kampaní, personalizaci reklamy a marketingové komunikaci.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Ads | Měření kampaní, reklama a remarketing. | _gcl_au, _gcl_ls | Relace až 90 dní | |
| Meta Pixel | Meta | Měření kampaní, reklama a remarketing. | _fbp, _fbc, localStorage | Až 90 dní |
| Sklik | Seznam.cz | Měření kampaní, reklama a remarketing. | retargeting, sid, szn:* | Relace až trvalé úložiště |
| LinkedIn Insight | Měření kampaní, reklama a remarketing. | bcookie, li_gc, lidc, __cf_bm | Relace až 1 rok | |
| Ecomail | Ecomail.cz | Měření kampaní, reklama a remarketing. | ecmid, Úložiště řízené poskytovatelem | Dle podmínek poskytovatele |
| Atribuce kampaní ITnetwork | ITnetwork | Přiřazení návštěvy a objednávky ke kampani. | campaign_clid[*], user_session_context | Až 1 rok |
V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.


Tak si to nastuduj - https://www.itnetwork.cz/javascript/ajax 
To docela chápu ale nevím jak uďělat to když bude např. u 8 výsledku
tak se mu načte dalších 10 výsledků. 
Vo väčšine prípadov sa to robí na základe pozície scrollu a veľkosti okna. Samozrejme sa to dá rovnakým spôsobom aplikovať aj na nejaký div.
$(window).scroll(function() { //pri scrollovani
if($(this).scrollTop() == $(document).height() - $(this).height()) { //ked prides na koniec stranky
//sem loading dat
}
});
Dalo by se to osidit i chytanim onmouseover na jednotlivych vysledcich.
Zkontrolujes cislo vysledku-10 a z kontrolujes pocet jiz nactenych. Pokud je
malo, nactes dalsi.
Neni to tak spolehlive jako hlidani scrollTop, ale slo by to pouzit. Tak, ono,
scroll take neni presne. Tam bys musel vedet, jakou vysku ma kazdy vysledek.
jenže to bude nepoužité na čemkoliv, co nemá myš, takže nějakých 60% zařízení. Navíc je to extrémně neintuitivní.
Jeste by slo udelat tlacitko se sipkou nebo link 'Dalsi'. Udalost click i mouseover.
Jak rikam, ono ani scrolovani neni spolehlive, pokud ho nenapises dobre. V podstate by slo precist offsetTop elementu s vysledky a jeho height.
Ono to scrolovani spolehlive je. Problém je skôr, či sa infinite scroll hodí do danej aplikácie. Urobiť ho nad zoznamom produktov v eshope mi príde nevhodné, kdežto urobiť ho nad komentármi v detaile produktu mi pripadá v poriadku. Suma sumárum mi infinite scroll pripadá vhodný len na výpis nedôležitých informácií, ako práve komentáre a pod. Všade inde by som použil akúkoľvek formu pageru, napríklad na produkty v danej kategórii.
U komentaru nevidim duvod do toho tahat ajax. Ty komentare maji tak do 10k. To tam muze byt jenom skryte. Lepsi nez zacinat novy http request (nebo vic), ktery ma jen hlavicku 1k
Vím že dotaz bude znít blbě ale sem spíš na PHP: jak mám udělat aby
tlačítko spustilo funkci? 
Jindřich Máca ti poslal link na clanek, ktery ti to objasni.
Nema smysl resit scrolovani, dokud tam nemas aspon tlacitko, viz Petr Čech,
ktere dela samotne doplnovani clanku. A to prave by meli resit ty clanky. Pak z
toho tlacitka presmerovat to na scrolovani uz je jen drobna uprava.
<div id=xxx></div>
<input type=button onclick=dopln();>
<script>
function $(id) {return document.getElementById(id);}
function dopln()
{
$('xxx').innerHTML+= 'aaa\n';
}
</script>
Jenom do toho musis zamontovat spravne ten ajax. A az budes mit funkcni
jednoduchy kod a ajaxem nebo se ti tam neco nebude darit, pak pokracuj v
dotazech.
Jde o to, ze lidi radi poradi, ale forko neni dobrocinnost, udelejte vse za mne,
ja jsem tu sef a zadavam ukoly.
Jak mám vypsat ty výsledky aby se vždy vypisovaly za sebe? 
Zobrazeno 15 zpráv z 15.