Diskuze: javascript - onResize
V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.


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


Stejně jako k čemukoliv jinému.
Buďto
<article onresize="function()">
nebo
document.getElementById("").onresize=function();


<!DOCTYPE html>
<html lang="cs-cz" dir="ltr">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="style.css"/>
<title>home</title>
<script>
function OnResize()
{
alert("baf");
}
</script>
</head>
<body>
<article id="circle" onResize="OnResize()" >wpf</article>
</body>
</html>
tohle mi nějak nefunguje
Tak já se omlouvám. Articel ani section není v podporovaných elementech. Buď to obal ještě něčím nebo na to udělej nějaký jiný skript. Zítra se na to podívám


tady jsem něco udělal sám, ale nefunguje to, myslem jsem že to element circle bude furt kruh
<!DOCTYPE html>
<html lang="cs-cz" dir="ltr">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="styles/homepage_style.css"/>
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
<title>tutorials.net</title>
<script>
function Resize()
{
var x= document.getElementById("circle").offsetWidth;
var y = document.getElementById("circle").offsetHeight;
if(x > y)
{
document.getElementById("circle").offsetWidth = x;
}
else if(x <y)
{
document.getElementById("circle").offsetHeight = y
}
else
{
}
}
</script>
</head>
<body onResize="Resize()">
<div id="circle"></div>
</body>
</html>
Ach jo, nevím na co to máš, ale přeci jen jsem si nad to sedl a naprogramoval ti to:
<!DOCTYPE html>
<html lang="cs-cz" dir="ltr">
<head>
<meta charset="UTF-8">
<style>
#circle {
border-radius:100%;
background-color: yellow;
width:100%;
height:100%;
position:absolute;
top:0; left:0;
}
</style>
<title></title>
</head>
<body onresize="zmenVelikost()">
<div id="circle"></div>
<script>
function zmenVelikost() {
var kruh = document.getElementById("circle")
var sirka = window.innerWidth
var vyska = window.innerHeight
if (vyska > sirka) {
kruh.style.width = sirka + "px"
kruh.style.height = sirka + "px"
} else {
kruh.style.height = vyska + "px"
kruh.style.width = vyska + "px"
}
}
</script>
</body>
</html>
nejseš ty ten gurmán co chtěl mít vycentrovanej horizontálně i
vertikálně kruh, kterej se zvětšuje když roztahuješ okno
?
Nechci nějak rejpat, ale k čemu to děláš
?
zajmavé tam je to tutorials.net
že by náš borec snad psal nějaký tutorial, ktery mu tu v podstatě napíšeme my?
To si nemyslím, zatím není ani registrovaný, ale spíš bych řek že to
nemá reálný použití 
Když chce psát na tutorials.net tak nemusí být registrovaný na devbooku.
Jo takhle, to jsem nějak nepobral, dobrý 
To ne, to má podle mě spíš stažený 
Zobrazeno 14 zpráv z 14.