| | |
| Stránka: 1 z 1
| [ Príspevkov: 27 ] | |
Autor | Správa |
---|
Registrovaný: 18.04.21 Prihlásený: 23.02.22 Príspevky: 18 Témy: 2 |
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/
|
|
Registrovaný: 25.09.12 Prihlásený: 28.03.24 Príspevky: 630 Témy: 81 Bydlisko: Piešťany |
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 |
|
Registrovaný: 18.04.21 Prihlásený: 23.02.22 Príspevky: 18 Témy: 2 | Napísal autor témy bibibo_xy: 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
|
|
Registrovaný: 25.09.12 Prihlásený: 28.03.24 Príspevky: 630 Témy: 81 Bydlisko: Piešťany |
_________________ 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 |
|
Registrovaný: 18.04.21 Prihlásený: 23.02.22 Príspevky: 18 Témy: 2 | Napísal autor témy bibibo_xy: 18.04.2021 21:02 | |
|
To je omnoho lepsie. Co je upravene ak sa mozem opytat ?
|
|
Registrovaný: 25.09.12 Prihlásený: 28.03.24 Príspevky: 630 Témy: 81 Bydlisko: Piešťany |
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 |
|
Registrovaný: 18.04.21 Prihlásený: 23.02.22 Príspevky: 18 Témy: 2 | Napísal autor témy bibibo_xy: 19.04.2021 13:15 | |
|
Super. Diky. Tych zmien tam teda bolo viac. Toto by som nedal.
|
|
Registrovaný: 18.04.21 Prihlásený: 23.02.22 Príspevky: 18 Témy: 2 | Napísal autor témy bibibo_xy: 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.
|
|
Registrovaný: 25.09.12 Prihlásený: 28.03.24 Príspevky: 630 Témy: 81 Bydlisko: Piešťany |
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 |
|
Registrovaný: 18.04.21 Prihlásený: 23.02.22 Príspevky: 18 Témy: 2 | |
Registrovaný: 25.09.12 Prihlásený: 28.03.24 Príspevky: 630 Témy: 81 Bydlisko: Piešťany |
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 |
|
Registrovaný: 18.04.21 Prihlásený: 23.02.22 Príspevky: 18 Témy: 2 | Napísal autor témy bibibo_xy: 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.
|
|
Registrovaný: 25.09.12 Prihlásený: 28.03.24 Príspevky: 630 Témy: 81 Bydlisko: Piešťany |
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 |
|
Registrovaný: 18.04.21 Prihlásený: 23.02.22 Príspevky: 18 Témy: 2 | Napísal autor témy bibibo_xy: 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
|
|
Registrovaný: 25.09.12 Prihlásený: 28.03.24 Príspevky: 630 Témy: 81 Bydlisko: Piešťany |
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 |
|
Registrovaný: 18.04.21 Prihlásený: 23.02.22 Príspevky: 18 Témy: 2 | Napísal autor témy bibibo_xy: 15.05.2021 15:53 | |
|
|
|
Registrovaný: 25.09.12 Prihlásený: 28.03.24 Príspevky: 630 Témy: 81 Bydlisko: Piešťany |
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 |
|
Registrovaný: 18.04.21 Prihlásený: 23.02.22 Príspevky: 18 Témy: 2 | |
Registrovaný: 25.09.12 Prihlásený: 28.03.24 Príspevky: 630 Témy: 81 Bydlisko: Piešťany |
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 |
|
Registrovaný: 18.04.21 Prihlásený: 23.02.22 Príspevky: 18 Témy: 2 | Napísal autor témy bibibo_xy: 17.05.2021 8:10 | |
|
Posielam link https://www.icloud.com/iclouddrive/0ltAKQRtxWRtFa69PQ1s8pEBA#webPosuvnik 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.
|
|
Registrovaný: 25.09.12 Prihlásený: 28.03.24 Príspevky: 630 Témy: 81 Bydlisko: Piešťany |
Prosím ťa som chudobný študent ktorý nemá jablko, takže si to z icloudu nestiahnem hod to na leteckupostu alebo kam
_________________ 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 |
|
Registrovaný: 18.04.21 Prihlásený: 23.02.22 Príspevky: 18 Témy: 2 | |
Registrovaný: 25.09.12 Prihlásený: 28.03.24 Príspevky: 630 Témy: 81 Bydlisko: Piešťany |
.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 |
|
Registrovaný: 18.04.21 Prihlásený: 23.02.22 Príspevky: 18 Témy: 2 | Napísal autor témy bibibo_xy: 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
|
|
Registrovaný: 25.09.12 Prihlásený: 28.03.24 Príspevky: 630 Témy: 81 Bydlisko: Piešťany |
Ked collapsneš asidemenu tak sa ti šírka mapy nezmení inak v pohode 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 |
|
Registrovaný: 18.04.21 Prihlásený: 23.02.22 Príspevky: 18 Témy: 2 | Napísal autor témy bibibo_xy: 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 ?
|
|
Registrovaný: 25.09.12 Prihlásený: 28.03.24 Príspevky: 630 Témy: 81 Bydlisko: Piešťany |
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 |
|
| Stránka: 1 z 1
| [ Príspevkov: 27 ] | |
Podobné témy | Témy | Odpovede | Zobrazenia | Posledný príspevok |
---|
| Prisposobenie imagecreate? v PHP, ASP | 1 | 383 | 04.04.2010 16:35 chrono | | prisposobenie rozlisenia v JavaScript, VBScript, Ajax | 7 | 690 | 26.04.2009 22:22 miro277 | | Zistenie sirky elementu v JavaScript, VBScript, Ajax | 6 | 477 | 06.12.2011 18:46 zaciatocnik | | Prispôsobenie textového okienka... v HTML, XHTML, XML, CSS | 4 | 552 | 08.08.2011 19:35 S-player | | Prisposobenie podla rozlisenia v HTML, XHTML, XML, CSS | 16 | 1562 | 26.06.2008 13:27 Tominator | | prisposobenie stranky pre Ipod v HTML, XHTML, XML, CSS | 2 | 672 | 05.03.2011 19:05 peco.voki | | Prispôsobenie pozadia podľa rozlíšenia v HTML, XHTML, XML, CSS | 1 | 925 | 06.11.2010 12:35 camo | | prispôsobenie stránky podľa rozlíšenia v HTML, XHTML, XML, CSS | 8 | 2219 | 06.01.2010 10:25 miro277 | | Plynulé zobrazenie elementu (Javascript) v JavaScript, VBScript, Ajax | 8 | 722 | 27.12.2007 14:48 pepek92 | | ziskanie textu DIV elementu v JavaScript, VBScript, Ajax | 2 | 706 | 14.09.2007 19:44 Bananslovak | | Prisposobenie dlzky listy (teda okna) v Operačné systémy Microsoft | 4 | 401 | 19.02.2007 15:07 xyz | | JS klonovanie elementu do canvasu v JavaScript, VBScript, Ajax | 7 | 543 | 27.11.2014 10:05 chrono | | prednost jedneho elementu pri prekryvani v HTML, XHTML, XML, CSS | 2 | 385 | 02.04.2010 17:22 davider137 | | Bootsrap zobrazenie DIV elementu v popredi v HTML, XHTML, XML, CSS | 17 | 2314 | 22.03.2018 13:53 F3RY | | zistit class elementu - ako upravit fciu? v JavaScript, VBScript, Ajax | 13 | 802 | 02.02.2011 13:47 DeeJay3 | | Prispôsobenie ikoniek etc. vo Win XP sp2 v Operačné systémy Microsoft | 1 | 421 | 10.11.2009 19:39 erikoo |
| 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
|
|