Diskuze: ajax a backspace (history.back)
V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.


Zobrazeno 11 zpráv z 11.
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.


asi mi nerozumis ... schvalne bez na http://aukro.cz/mobily-a-gps?… a v levem sloupci ve filtru vyber "Kup ted" a pak dej back space a ja potrebuji zjistit, jak vyvolal opetovne ajax a obnovil obsah polozek
Já jsem v práci a Aukro si tu bohužel neotevřu
, ale asi vím jak to myslíš,
potřebuješ aby ti fungovala historie... tlačítko "zpět", nebo "backspace"
chceš-li a to bez odeslání požadavku na server (bez reloadu stránky).
Javascript běží na klientovi, takže si prohlížeč historii změn sám od sebe samozřejmě nezaznamená, ale zaznamená změnu hashe, kterou můžeš dynamicky měnit bez nového požadavku na server.
To znamená že uděláš funkci která bude tuto změnu hashe kontrolovat a nějakou další funkci která bude podle něho do stránky načítat chtěný obsah (samozřejmě přes Ajax).
Jak jsem řekl, změny hashe se v historii zaznamenávají takže když pak dáš tlačítko zpět hash se změní, funkce tuto změnu opět zachytí a Ajax ti načte stránku která je na něj vázaná.
Já bych si deklaroval pole a při každém AJAXovém požadavku do něj ukládal url. Potom akorát stačí při stisku backspace z toho pole pomocí metody "pop" (která vrátí a smaže poslední záznam) dostal URL na předchozí stránku.
S příchodem HTML5 lze v javascriptu přistupovat k historii pomocí window.history.pushState(), window.history.replaceState(), window.history.back(), window.history.forward()
Pro zkombinování s ajaxem tato metoda realizace přímo vyzývá. Bude ale fungovat jen u browserů s podporou HTML 5.
Tak url by ani nebyl problém, to se dá změnit přes location.replace, ale odchytávat tlačitka asi půjde blbě, respektive o ničem nevím.
user: Metody "back", "forward" a "go" by měli jít i v IE 6+ tuším.
Nicméně pro vyřešení kompatibility sáhl po hotovém řešení.
A z jakého důvodu odchytávat tlačítka ? On chce pouze zpět v historii (podle titulku vlákna).
Zobrazeno 11 zpráv z 11.