Diskuze: input text - volani funkce pri zmene
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.
Ahoj, a onchange() by nefungoval?
Je to dost zvlastni. Vetsinou z toho napovidajiciho okna to reaguje na
oninput. Mozna, ze mi to blokuje bootstrap.
Onchange by prave na inputu nemelo fungovat, to je pro selecty. Ale to se mi tam
objevi obcas taky.
<form>
<input name="name"
onkeyup="f(this,'up')"
onblur="f(this,'blur')"
oninput="f(this,'input')"
onpaste="f(this,'paste')"
onchange="f(this,'change')"
onclick="f(this,'click')"
onmouseup="f(this,'mouseup')"
>
<input type="submit">
</form>
<script>
function f(el,str) {el.parentNode.appendChild(document.createTextNode(str+' '));}
</script>
Zvlastni je, ze to v 9 z 10 testu funguje, aspon jeden event a ten jeden se
nechytne ani oninput. Coz by podle mozilove dokumentace melo. A nechyti se nic,
kdyz vyberu stejnu hodnotu, jaka tam je, coz je pochopitelne.
A ten 1 stav mne prave trapi, protoze presne tohle muzou testeri udelat. Aspon
mi se to podarilo 3x zopakovat nez jsem dosel na to, ze nereaguje prave
event.
To je fakt podivný...nicméně mě to funguje na ff (oninput) 20 krát i s bootstrapem...onchange na ff nefunguje na chromu ano.
Dal jsem tam 6 eventu a uvidime.
Dřív to byla chyba ve ff ale podle nich už to opravili
Muzu dat i demicko
http://mlich.zam.slu.cz/…proj_add.htm
Zahájení realizace
Ted klikni dole ulozit, aby si ulozil tebou vyplnena policka. (vypise error,
pak zpet tlacitko na formular)
Ctrl+f5, refresh, ale aby si nepamatoval vyplnene udaje.
Zkousel jsem to jen ve FF. A dela to i bez bootstrapu, jak je videt.
Je to template, ktery dal prepisuje pak php, proto je tam spousta
nesmyslu.
V programu to mam pod heslem, firemnim, jinak bych te tam klidne pustil.
FF 70.0.1 (32 bitů) / W10
S autofillem je to celkem zrádné, protože se každej prohlížeč chová jinak. Obecně je lepší tohle chování vypnout (autocomplete="off") nebo si vytvořit nějaký script, který ti bude v pravidelném intervalu hlídat změny v inputech a pak volat událost onChange.
Jde to samozřejmě udělat jednoduše, script bude kontrolovat všechna políčka a hlídat změny, chytřejší přístup ale bude kontrolovat změny pouze na focusnutém políčku.
Nicméně zkus se nejdřív zamyslet nad tím, jestli je to opravdu potřeba generovat real-time, jestli by třeba nebylo jednodušší to "obejít" nějakým tlačítkem "Vygenerovat tabulku".
Jo, o tlacitku tez uvazuji uz delsi dobu. Uz z duvodu, ze jim to muze smazat
data, kdyz omylem to policko smazou. Ikdyz jsou tam jakesi kontrolni mechanizmy,
ktere proces noveho generovani pri nejasnostech stopnou.
Musim pockat na zpetnou vazbu.
Zobrazeno 11 zpráv z 11.
