NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
Avatar
Alex Russo
Člen
Avatar
Alex Russo:9.8.2018 12:08

Proč mi v JS prohlížeč při zápisu

var x = window.innerWidth;
alert(x);

hlásí šířku průhledu 1536?
Mám FHD rozlišení..
Díky..

Zkusil jsem: var x = window.innerWidth;
alert(x);

Chci docílit: Chci přepočítat velikost elementů z px na %;

 
Odpovědět
9.8.2018 12:08
Avatar
Šimon Raichl
Tvůrce
Avatar
Šimon Raichl:9.8.2018 12:53

Mám pocit, že šířku můžeš získat pomocí

document.body.clientWidth

a na procenta to můžeš přepočítat tak, že prostě vydělíš šířku elementu šířkou dokumentu a vynásobíš 100.

 
Nahoru Odpovědět
9.8.2018 12:53
Avatar
Alex Russo
Člen
Avatar
Odpovídá na Šimon Raichl
Alex Russo:9.8.2018 12:58

Děkuji,
ale vysledné čísla jsou stejné.
Moje šířka by měla být 1920 a ne 1536.
Zajímá mě,proč to tak je?

 
Nahoru Odpovědět
9.8.2018 12:58
Avatar
Šimon Raichl
Tvůrce
Avatar
Odpovídá na Alex Russo
Šimon Raichl:9.8.2018 13:11

Je možný, že body z nějakýho důvodu nemá 100% šířku, zkus se podívat do inspect elementu.

 
Nahoru Odpovědět
9.8.2018 13:11
Avatar
Matúš Olejník
Člen
Avatar
Odpovídá na Alex Russo
Matúš Olejník:9.8.2018 13:25

window.innerWidth - The innerWidth property returns the width of a window's content area.
clientWidth - The clientWidth property returns the viewable width of an element in pixels, including padding, but not the border, scrollbar or margin.

Ty chceš "šírku monitora" tak použi - screen.width - The width property returns the total width of the user's screen, in pixels.

Nahoru Odpovědět
9.8.2018 13:25
/* I am not sure why this works but it fixes the problem */
Avatar
Šimon Raichl
Tvůrce
Avatar
Odpovídá na Matúš Olejník
Šimon Raichl:9.8.2018 13:35

Matúš Olejník, pravda, screen.width jsem chtěl taky napsat, ale myslel jsem si, že to chce přepočítávat taky při změně velikosti okna, což bych očekával. Takže Alex Russo, jak to chceš, chceš to počítat přímo z rozlišení obrazovky, nebo podle viewportu?

 
Nahoru Odpovědět
9.8.2018 13:35
Avatar
Alex Russo
Člen
Avatar
Odpovídá na Šimon Raichl
Alex Russo:9.8.2018 13:49

Jsem začátečník,začínám se orientovat v JS,CSS 3 a HTML 5.
Zkusil jsem udělat nějaké stánky a tápu v tom,jaké jednotky použít.Mám dvojsloupcový layout,kdy menu mám vlevo a chtěl bych aby se nehýbalo s průhledem. (position:fixed)
Nevím jak docílit toho,aby stránky vypadaly stejně i na menším rozlišení.
Pokud mám u hl.sloupce(margin:0 auto),jak to udělat s menu vlevo.
Úplně by mi stačilo Šimone,kdyby jsi mne navedl na nějaký článek ať Tě neotravuju.
Děkuji...

 
Nahoru Odpovědět
9.8.2018 13:49
Avatar
Šimon Raichl
Tvůrce
Avatar
Odpovídá na Alex Russo
Šimon Raichl:9.8.2018 13:57

V pořádku, co se týče responzivity, tak to není něco složitýho. :) https://www.w3schools.com/…sponsive.asp, jinak pro přepočítávání velikosti elementů na % podle změny velikosti v JS můžeš použít resize event listener https://www.w3schools.com/…onresize.asp. Jinak ale bych být tebou začal s něčím jednodušším. :)

 
Nahoru Odpovědět
9.8.2018 13:57
Avatar
Alex Russo
Člen
Avatar
Odpovídá na Šimon Raichl
Alex Russo:9.8.2018 13:58

Děkuji..

 
Nahoru Odpovědět
9.8.2018 13:58
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 9 zpráv z 9.