Diskuze: Posunutá kotva
V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.
Zobrazeno 20 zpráv z 20.
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.
Jestli nevadí že je to odkaz na SO http://stackoverflow.com/…on-of-anchor
postup pomoci jquery zjistíš pozoci té kotvy pomocí funkce position a pak pomoci scrolltop odskroluješ na požadovanou pozici
$('.anchor').click(function(event){
var pos = $('#anchor').position();
$('body').scrollTop( pos.top -10);
event.preventDefault();
});
Já jquery neznám ale chápu to správně, že místo .anchor patří class odkazu na kotvu a #anchor nahradí id kotvy? Protože tak mi to nějak nejde. Chybová hláška nedefinovaná funkce.
Tak né tohle je v pohodě. Ale nějak divně mi to počítá. Má to fungovat tak, že je odskroluje - 10px nad tu kotvu? Protože mi to leze úplně jinam. Asi o 280 px nahoru. Viz https://mombo.cz/chorvatsko tlačítko ohodnotit oblast.
budeš muset opravit všechny chyby které najdeš v konzoli a pak použij toto
$('#ohodnotit_oblast').click(function (event) {
var pos = $('#comment-form').position();
$('html').scrollTop(pos.top -60);
event.preventDefault();
});
Díky, s těma chybama právě bojuju. Nějak mě zradil Drupal
. Všechno jsem měl v pohodě a
po udatu mi tam naskákala spousty chyb v konzoli a já moc nevím co s tím.
Snad to nějak vyřeším. S tím html to nejde vůbec ale nevím zda to teda
není těma chybama. A ještě bych si dovolil trochu otravovat.Šel by ten
posun nějak jednoduše animovat?
toto
$('html').scrollTop(pos.top -60);
nahradíš tímto
$('html').stop().animate({scrollTop:(pos.top -60)}, '1000', 'swing');
Tak chyby v konzoli jsem opravil ale problém zůstal stejný. Jak odskrolování na špatné místo tak nefunkčnost s html namísto body. :/
máš stale stále chyby konzole píše několik neočekávaných značek
a použij toto
$('html, body').stop().animate({scrollTop: (pos.top - 60)}, '1000', 'swing');
výpočet (pos.top - 60) je pozice kam se ma scrollovat pak si uprav o kolik chceš scrollovat a mělo by se odčítat pokud chceš posouvat na horu
Narazil jsem ještě na další problém. Script nefunguje z důvodů nenačtené knihovny jQuery. Ta se načítá až na konci HTML. Mysle jsem, že to jde vyřešit pomocí window.onload = function() nebo defer ale ani jedno nepomůže. Pouze ručně vložit knihovnu ještě před script. Jak to tedy mám řešit aby script počkal na načtení jQuery? Díky https://mombo.cz/chorvatsko
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="css/style.css" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<title>xxx</title>
</head>
A súbor jquery.js si nakopíruj do js/, ktorá je v zložke projektu.
To si nerozumíme, já tam script jQuery vkládám. Ale až na na konci HTML respektive to tak dělá CMS a na začátek to dávat nechci.
To si nerozumieme. Ja programujem stranku cez pspad editor.
Ja považujem JS za plnohodnotný jazyk na riešenie webu.
Podívej, jQuery musíš načíst dřív než se provede tvůj kód. Nejlepší bude ten tvůj kód vložit až po jQuery
V Drupalu se všechny knihovny načítají jako poslední v HTML. Asi správné řešení tedy bude napsat to do samostatného souboru a načíst ho až po jQuery. A nebo vzhledem k tomu, že je to pár řádků by se vyplatilo víc hodit to jQuery někam na začátek?
Ne, na začátek ne. Leda že bys jí dal ne jako deffer ale async ... Spíš dej to svoje pod ní.
Zobrazeno 20 zpráv z 20.
