Obsah fóra
PravidláRegistrovaťPrihlásenie




Odpovedať na tému [ Príspevkov: 27 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 18.04.21
Prihlásený: 23.02.22
Príspevky: 18
Témy: 2
Príspevok NapísalOffline : 18.04.2021 15:58

Ahojte,
v programovani HTML som uplny amater. Snazim sa urobit online sledovanie IoT GPS zariadenia. Samozrejme vacsinu kodu som prevzal. Neviem vsak nastavit, aby elementy v triede main_container sa prisposobili k rozliseniu obrazovky, skratka aby sa na pravom boku neobjavoval ten posuvnik. Poradite ?

https://jsfiddle.net/bibibo/ovut70fr/12/


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 25.09.12
Prihlásený: 28.03.24
Príspevky: 630
Témy: 81
Bydlisko: Piešťany
Príspevok NapísalOffline : 18.04.2021 19:13

bohužial nejak z tohto popisu nechápem čo chceš... neviem prečo ti vadí vertikálny posuvník. U mna sa tie elementy prispôsobujú. Prosím pošli aj screen problému.







_________________
NTB 1: Lenovo Y540 - i5 9300H - GTX 1660ti - RAM 16 GB

NTB 2: ASUS K55VJ - i5 3210M - GT 635M 2GB - RAM 4GB - HDD 750GB

MOBIL: XiaomiMi 9T
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 18.04.21
Prihlásený: 23.02.22
Príspevky: 18
Témy: 2
Príspevok Napísal autor témyOffline : 18.04.2021 20:00

Neviem to moc dobre popisat, ale mozno z toho obrazku to bude jasnejsie. Ked zasuniem sidebar, tak sa mi tie elementy v main_container neprisposobia rozliseniu obrazovky a vznikne mi na boku posuvnik. Ok, s posuvnikom by som sa vedel tiez zmierit, ak to nepojde vyriesit, ale posuvanim mi mapa prekryva topbar. V podstate sa da so vsetkym zmierit, len som to chcel urobit trochu kulturnejsie.

https://www.icloud.com/iclouddrive/0J9hnV1nTY8rhkH92L6K0EvLA


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 25.09.12
Prihlásený: 28.03.24
Príspevky: 630
Témy: 81
Bydlisko: Piešťany
Príspevok NapísalOffline : 18.04.2021 20:54

tu som to updatol
https://jsfiddle.net/3tbsr4f6/1/







_________________
NTB 1: Lenovo Y540 - i5 9300H - GTX 1660ti - RAM 16 GB

NTB 2: ASUS K55VJ - i5 3210M - GT 635M 2GB - RAM 4GB - HDD 750GB

MOBIL: XiaomiMi 9T
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 18.04.21
Prihlásený: 23.02.22
Príspevky: 18
Témy: 2
Príspevok Napísal autor témyOffline : 18.04.2021 21:02

To je omnoho lepsie. Co je upravene ak sa mozem opytat ?


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 25.09.12
Prihlásený: 28.03.24
Príspevky: 630
Témy: 81
Bydlisko: Piešťany
Príspevok NapísalOffline : 18.04.2021 22:47

top navbar som zrušil position fixed (preto ti content pretekal ponad neho).
Sidebar + maincontainer som obalil novým divom ktorému som dal display: flex.
sidebaru som dal height: auto; (teraz bude ten modry sidebar vzdy vysoký ako daný kontent)
pomenil nejake tie marginy aby to zapadlo ku sebe.







_________________
NTB 1: Lenovo Y540 - i5 9300H - GTX 1660ti - RAM 16 GB

NTB 2: ASUS K55VJ - i5 3210M - GT 635M 2GB - RAM 4GB - HDD 750GB

MOBIL: XiaomiMi 9T
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 18.04.21
Prihlásený: 23.02.22
Príspevky: 18
Témy: 2
Príspevok Napísal autor témyOffline : 19.04.2021 13:15

Super. Diky. Tych zmien tam teda bolo viac. Toto by som nedal.


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 18.04.21
Prihlásený: 23.02.22
Príspevky: 18
Témy: 2
Príspevok Napísal autor témyOffline : 13.05.2021 8:29

Chcel som este poprosit o malu upravu. V mojom prvom prispevku to funguje tak, ze ked sa objavi pravy slider a posuvam mapu smerom hore, tak prekryje topbar. Chcel by som to spravit tak, aby sidebar a topbar bol vzdy prisposobeny obrazovke a ked budem mapu posuvat, tak pojde pod topbar. Skosam menit hocico ale ja som z toho somar.


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 25.09.12
Prihlásený: 28.03.24
Príspevky: 630
Témy: 81
Bydlisko: Piešťany
Príspevok NapísalOffline : 13.05.2021 9:23

Pošli aktuálny jsfiddle







_________________
NTB 1: Lenovo Y540 - i5 9300H - GTX 1660ti - RAM 16 GB

NTB 2: ASUS K55VJ - i5 3210M - GT 635M 2GB - RAM 4GB - HDD 750GB

MOBIL: XiaomiMi 9T
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 18.04.21
Prihlásený: 23.02.22
Príspevky: 18
Témy: 2
Príspevok Napísal autor témyOffline : 13.05.2021 18:01

posielam aktualne. V podstate to je to co si mi upravil.

https://jsfiddle.net/bibibo/f3hvt8o6/


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 25.09.12
Prihlásený: 28.03.24
Príspevky: 630
Témy: 81
Bydlisko: Piešťany
Príspevok NapísalOffline : 14.05.2021 20:43

Pokúsil som sa rozlúštiť čo vlastne požaduješ ale márne. Nejak nechápem tomuto "Chcel by som to spravit tak, aby sidebar a topbar bol vzdy prisposobeny obrazovke a ked budem mapu posuvat, tak pojde pod topbar. Skosam menit hocico ale ja som z toho somar." Ak to chápem správne... chceš aby bol topbar vždy sticky top? to znamená že vždy bude locknutý na vrchu stránky a teda body sa bude scrollovat?
Tu som len niečo skúsil https://jsfiddle.net/k9zmynLc/5/







_________________
NTB 1: Lenovo Y540 - i5 9300H - GTX 1660ti - RAM 16 GB

NTB 2: ASUS K55VJ - i5 3210M - GT 635M 2GB - RAM 4GB - HDD 750GB

MOBIL: XiaomiMi 9T
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 18.04.21
Prihlásený: 23.02.22
Príspevky: 18
Témy: 2
Príspevok Napísal autor témyOffline : 15.05.2021 9:53

NEviem to dobre popisat, pretoze toto nie je moja parketa. Avsak, top bar je locknuty, to je ok. Chcel by vsak, aby bol aj side bar locknuty. No a ked budem mapu skrolovat, tak aby mapa bola pod top barom. Teraz je nad topbarom, ak posuniem mapu hore.


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 25.09.12
Prihlásený: 28.03.24
Príspevky: 630
Témy: 81
Bydlisko: Piešťany
Príspevok NapísalOffline : 15.05.2021 11:12

Sprav prosím ťa screen tejto situácie, keď posúvaš mapou a teda kde je ten problém







_________________
NTB 1: Lenovo Y540 - i5 9300H - GTX 1660ti - RAM 16 GB

NTB 2: ASUS K55VJ - i5 3210M - GT 635M 2GB - RAM 4GB - HDD 750GB

MOBIL: XiaomiMi 9T
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 18.04.21
Prihlásený: 23.02.22
Príspevky: 18
Témy: 2
Príspevok Napísal autor témyOffline : 15.05.2021 13:01

Posielam. Ked posuniem mapu hore sliderom, tak mapa prekryje topbar a taktiez ide hore ponuka sidebaru. Chcel by som teda, aby topbar mal sirku obrazovky a sidebar vysku obrazovky. Sliderom by som len posuval len mapu s tym textboxom pri zmene velkosti okna atd.

https://www.icloud.com/iclouddrive/0JeXeeIHVlo90v_DWi2itIwog


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 25.09.12
Prihlásený: 28.03.24
Príspevky: 630
Témy: 81
Bydlisko: Piešťany
Príspevok NapísalOffline : 15.05.2021 15:48

Aha... Ono v tom jsfiddle nastane nejaký error pri loade mapy, takže nemám možnosť s ňou hýbať. Skús opraviť tu chybu na mape aby som to vedel sám aj testnúť







_________________
NTB 1: Lenovo Y540 - i5 9300H - GTX 1660ti - RAM 16 GB

NTB 2: ASUS K55VJ - i5 3210M - GT 635M 2GB - RAM 4GB - HDD 750GB

MOBIL: XiaomiMi 9T
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 18.04.21
Prihlásený: 23.02.22
Príspevky: 18
Témy: 2
Príspevok Napísal autor témyOffline : 15.05.2021 15:53

Robi to aj tam. Ty to nevidis tokto ?

https://www.icloud.com/iclouddrive/0ZD0uneYcDI2eLAofBQJ-Sklg


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 25.09.12
Prihlásený: 28.03.24
Príspevky: 630
Témy: 81
Bydlisko: Piešťany
Príspevok NapísalOffline : 15.05.2021 20:28

Mne tam vyskočí error a teda nemôžem s mapou pracovať https://ctrlv.sk/mZ3Q







_________________
NTB 1: Lenovo Y540 - i5 9300H - GTX 1660ti - RAM 16 GB

NTB 2: ASUS K55VJ - i5 3210M - GT 635M 2GB - RAM 4GB - HDD 750GB

MOBIL: XiaomiMi 9T
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 18.04.21
Prihlásený: 23.02.22
Príspevky: 18
Témy: 2
Príspevok Napísal autor témyOffline : 15.05.2021 20:59

To teda netusim, co je to za chybu. Uz som to sice tiez videl, ale neviem pri akej prilezitosti.
Skus toto

https://jsfiddle.net/bibibo/f3hvt8o6/2/

// Spojený príspevok 16.05.2021 15:58

Uz sa mi podarilo, ze mapa ide pod topbar.Pridal som z-index. Je vsak dalsi problem, ze mapu je vidiet aj nad topbarom a to by som nechcel. Ako ju tam schovat ?

https://www.icloud.com/iclouddrive/0k20TxHGA8XH8BqzpchDniy5g

https://jsfiddle.net/bibibo/ovut70fr/19/


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 25.09.12
Prihlásený: 28.03.24
Príspevky: 630
Témy: 81
Bydlisko: Piešťany
Príspevok NapísalOffline : 16.05.2021 22:23

Ja hlavne nechápem prečo sa ti mapa vlastne posúva... ved mapa má byť len staticky umiestnené a ty sa máš hýbať iba v nej.
ten error tam je stále, prosím ta uploadni niekde celý súbor v ktorom sa nachádza tvoj kód a pošli link (pretože jsfiddle z nejakého dôvodu pri zdieľaní zmaže niektorú časť kódu)







_________________
NTB 1: Lenovo Y540 - i5 9300H - GTX 1660ti - RAM 16 GB

NTB 2: ASUS K55VJ - i5 3210M - GT 635M 2GB - RAM 4GB - HDD 750GB

MOBIL: XiaomiMi 9T
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 18.04.21
Prihlásený: 23.02.22
Príspevky: 18
Témy: 2
Príspevok Napísal autor témyOffline : 17.05.2021 8:10

Posielam link
https://www.icloud.com/iclouddrive/0ltAKQRtxWRtFa69PQ1s8pEBA#web

Posuvnik za zobrazi, ked zmenim velkost okna alebo teraz som tam pridal dataTable a ked je viac riadkov, tak tiez sa potom uz mapa aj s dataTable posuva.
Absolutne tomu nechapem. Chcel som aj zvacsit na vysku dataTable, ale nedari sa mi.

Idealne by bolo, keby mapa bola na vysku napr. 75% a dataTable 25%. Idealny stav by bol, ak by sa to vedelo prisposobit velkosti okna. To znamena ziadny posuvnik. Skratka by sa to zmensilo tak ako sidebar a topbar.


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 25.09.12
Prihlásený: 28.03.24
Príspevky: 630
Témy: 81
Bydlisko: Piešťany
Príspevok NapísalOffline : 17.05.2021 23:12

Prosím ťa :D som chudobný študent ktorý nemá jablko, takže si to z icloudu nestiahnem :D hod to na leteckupostu alebo kam :D







_________________
NTB 1: Lenovo Y540 - i5 9300H - GTX 1660ti - RAM 16 GB

NTB 2: ASUS K55VJ - i5 3210M - GT 635M 2GB - RAM 4GB - HDD 750GB

MOBIL: XiaomiMi 9T
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 18.04.21
Prihlásený: 23.02.22
Príspevky: 18
Témy: 2
Príspevok Napísal autor témyOffline : 18.05.2021 9:48

Sorry, to som nevedel, ze to takto funguje. Obrazok stiahnes ale do zlozky sa nedostanes.
Posielam teda na odkaze nizsie.

http://leteckaposta.cz/250982854


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 25.09.12
Prihlásený: 28.03.24
Príspevky: 630
Témy: 81
Bydlisko: Piešťany
Príspevok NapísalOffline : 19.05.2021 0:24

.top_navbar a .sidebar zmen position na absolute. To by tvoj problém malo vyriešiť.
A ku tomu nastavenie výšky mapy na 75% a datatable na 25%. Podla mna to je hlúposť... pretože potom by si musel riešiť rozlišenia na mobiloch atď.. Nechaj to defaultne poprípade nastav výšku len mape.
Ešte taká rada všetok kód ktorý máš v .js obal
Kód:
$(document).ready(function(){

-----všetok tvoj JS kod-----

});

Potom môžeš presunúť aj ten tvoj JavaScript ktorý máš v HTML do .js. (v html použivaj JS len v nevyhnutných situáciach)
A ešte sa pozri na ten kód máš tam kopec medzier... Skús ho nejak "skrášliť" a hlavne používaj tabulator aby si vedel čo je v čom vnorené (bude to pre teba prehľadnejšie)







_________________
NTB 1: Lenovo Y540 - i5 9300H - GTX 1660ti - RAM 16 GB

NTB 2: ASUS K55VJ - i5 3210M - GT 635M 2GB - RAM 4GB - HDD 750GB

MOBIL: XiaomiMi 9T
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 18.04.21
Prihlásený: 23.02.22
Príspevky: 18
Témy: 2
Príspevok Napísal autor témyOffline : 19.05.2021 20:11

Takze nakoniec som to spravil takto. Odstranil som datatable a podarilo sa mi upravit main_container a cesiumContainer tak, aby sa prisposobili velkosti okna. Ziadny scroller sa nezobrazi.
Ten javascript este upravim. Ano, viem ze tam mam bordel.

http://leteckaposta.cz/929728396


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 25.09.12
Prihlásený: 28.03.24
Príspevky: 630
Témy: 81
Bydlisko: Piešťany
Príspevok NapísalOffline : 19.05.2021 23:15

Ked collapsneš asidemenu tak sa ti šírka mapy nezmení inak v pohode :D na to čo to chceš je to dostatočné..
Ak to budeš chcieť dať niekam von na živý web tak aby si GPS zariadenie mohol sledovať tak si daj pozor na bezpečnosť a nejak stránku zahesluj alebo zabezpeč.







_________________
NTB 1: Lenovo Y540 - i5 9300H - GTX 1660ti - RAM 16 GB

NTB 2: ASUS K55VJ - i5 3210M - GT 635M 2GB - RAM 4GB - HDD 750GB

MOBIL: XiaomiMi 9T
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 18.04.21
Prihlásený: 23.02.22
Príspevky: 18
Témy: 2
Príspevok Napísal autor témyOffline : 19.05.2021 23:43

Collaps som neskusal. Opravim to.
Este mam otazku, v CSS je napriklad zapis .wrapper .sidebar{...}. Preco je tam aj ten wrapper ? Nestaci len sidebar ?


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 25.09.12
Prihlásený: 28.03.24
Príspevky: 630
Témy: 81
Bydlisko: Piešťany
Príspevok NapísalOffline : 20.05.2021 8:15

stačí ale tak prečo nešpecifikovať bližšie o ktorý komponent sa jedná.







_________________
NTB 1: Lenovo Y540 - i5 9300H - GTX 1660ti - RAM 16 GB

NTB 2: ASUS K55VJ - i5 3210M - GT 635M 2GB - RAM 4GB - HDD 750GB

MOBIL: XiaomiMi 9T
Odpovedať na tému [ Príspevkov: 27 ] 


Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy. Prisposobenie imagecreate?

v PHP, ASP

1

383

04.04.2010 16:35

chrono Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. prisposobenie rozlisenia

v JavaScript, VBScript, Ajax

7

690

26.04.2009 22:22

miro277 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Zistenie sirky elementu

v JavaScript, VBScript, Ajax

6

477

06.12.2011 18:46

zaciatocnik Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Prispôsobenie textového okienka...

v HTML, XHTML, XML, CSS

4

552

08.08.2011 19:35

S-player Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Prisposobenie podla rozlisenia

v HTML, XHTML, XML, CSS

16

1562

26.06.2008 13:27

Tominator Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. prisposobenie stranky pre Ipod

v HTML, XHTML, XML, CSS

2

672

05.03.2011 19:05

peco.voki Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Prispôsobenie pozadia podľa rozlíšenia

v HTML, XHTML, XML, CSS

1

925

06.11.2010 12:35

camo Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. prispôsobenie stránky podľa rozlíšenia

v HTML, XHTML, XML, CSS

8

2219

06.01.2010 10:25

miro277 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Plynulé zobrazenie elementu (Javascript)

v JavaScript, VBScript, Ajax

8

722

27.12.2007 14:48

pepek92 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. ziskanie textu DIV elementu

v JavaScript, VBScript, Ajax

2

706

14.09.2007 19:44

Bananslovak Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Prisposobenie dlzky listy (teda okna)

v Operačné systémy Microsoft

4

401

19.02.2007 15:07

xyz Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. JS klonovanie elementu do canvasu

v JavaScript, VBScript, Ajax

7

543

27.11.2014 10:05

chrono Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. prednost jedneho elementu pri prekryvani

v HTML, XHTML, XML, CSS

2

385

02.04.2010 17:22

davider137 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Bootsrap zobrazenie DIV elementu v popredi

v HTML, XHTML, XML, CSS

17

2314

22.03.2018 13:53

F3RY Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. zistit class elementu - ako upravit fciu?

v JavaScript, VBScript, Ajax

13

802

02.02.2011 13:47

DeeJay3 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Prispôsobenie ikoniek etc. vo Win XP sp2

v Operačné systémy Microsoft

1

421

10.11.2009 19:39

erikoo Zobrazenie posledných príspevkov


Nemôžete zakladať nové témy v tomto fóre
Nemôžete odpovedať na témy v tomto fóre
Nemôžete upravovať svoje príspevky v tomto fóre
Nemôžete mazať svoje príspevky v tomto fóre

Skočiť na:  

Powered by phpBB Jarvis © 2005 - 2024 PCforum, webhosting by WebSupport, secured by GeoTrust, edited by JanoF
Ako väčšina webových stránok aj my používame cookies. Zotrvaním na webovej stránke súhlasíte, že ich môžeme používať.
Všeobecné podmienky, spracovanie osobných údajov a pravidlá fóra