| | |
| Stránka: 1 z 1
| [ Príspevkov: 8 ] | |
Autor | Správa |
---|
Registrovaný: 20.03.08 Prihlásený: 08.03.17 Príspevky: 596 Témy: 149 Bydlisko: Houston, Texas | Napísal Unlink: 29.09.2009 18:43 | |
|
Ahojte, chcem si spraviť také vyskakovacie okno, a umiestniť ho do stredu obrazovky, niečo ako lightbox
teda tomu divu dám Kód: position: fixed;
a teraz potrebujem pomocou JS mu udať left, top
a ide o to že ten div bude mať rôzne veľký obsah
viete mi poradiť nejaký script?
Ďakujem
|
|
Registrovaný: 21.02.07 Prihlásený: 21.02.10 Príspevky: 3984 Témy: 96 |
ak máš jQuery tak sa to dá pekne vypočítať, inak skús použiť:
Kód: position: absolute; left: 40%; right: 40%; top: 40%; bottom: 40%;
|
|
Registrovaný: 20.03.08 Prihlásený: 08.03.17 Príspevky: 596 Témy: 149 Bydlisko: Houston, Texas | Napísal autor témy Unlink: 29.09.2009 18:54 | |
|
nie, jQuery a ani inú knižnicu použivať nechcem
|
|
Registrovaný: 11.08.07 Príspevky: 4088 Témy: 34 Bydlisko: Brno | Napísal Ďuri: 29.09.2009 19:08 | |
|
http://simon.html5.org/sandbox/css/center-fixed
Dalo by sa to aj Javascriptom, a to zistit si aktualnu sirku a vysku pomocou getComputedStyle() a potom to nastavit pomocou left:50%; margin-left: -Xpx, kde X = (width+paddingLeft+paddingRight+borderLeft+borderRight)/2, a potom podobne s top a vyskou.
|
|
Registrovaný: 20.03.08 Prihlásený: 08.03.17 Príspevky: 596 Témy: 149 Bydlisko: Houston, Texas | Napísal autor témy Unlink: 29.09.2009 19:17 | |
|
no neviem
keby si mi dal objekty na
zistenie šírky a výšky aktuálne zobrazeného okna, teda rozmery ktoré vidí prehliadač
potom to čím zistím height toho divu, keďže tá musí byť premenlivá
tak budem rád, to by som už mal zvládnuť dopočítať
|
|
Registrovaný: 11.08.07 Príspevky: 4088 Témy: 34 Bydlisko: Brno | Napísal Ďuri: 29.09.2009 19:26 | |
|
Citas vobec? Vysku mozes zistit pomocou getComputedStyle (vid google), ale je to zbytocne, pouzi kod z toho odkazu, co som ti dal.
|
|
Registrovaný: 20.03.08 Prihlásený: 08.03.17 Príspevky: 596 Témy: 149 Bydlisko: Houston, Texas | Napísal autor témy Unlink: 29.09.2009 19:38 | |
|
no hento poznám, ale ma to problém v tom že to prekrije pôvodnú stránku, a ja nemôžem klikať okolo
|
|
Registrovaný: 30.04.09 Prihlásený: 11.02.10 Príspevky: 723 Témy: 81 |
ja to robim takto
Kód: <script> var Element = document.getElementById("divVstrede"); var Pos = Element.clientWidth; Element.style.marginLeft ="-"+(Pos/2)+"px"; </script>
kde divVstrede ma css Left : 50%
|
|
| Stránka: 1 z 1
| [ Príspevkov: 8 ] | |
Podobné témy | Témy | Odpovede | Zobrazenia | Posledný príspevok |
---|
| zobrazovanie upozorneni v strede obrazovky v Operačné systémy Microsoft | 12 | 460 | 17.07.2010 1:38 M0f0 | | Ako prinútiť jeden div, aby sa ovládal cez druhý div v JavaScript, VBScript, Ajax | 14 | 624 | 22.04.2014 9:45 Mego | | stranka v strede [ Choď na stránku: 1, 2 ] v HTML, XHTML, XML, CSS | 31 | 1722 | 29.05.2008 13:33 v1r00z | | načo slúžia tagy <div id="all"> a <div v HTML, XHTML, XML, CSS | 3 | 1003 | 06.10.2008 17:50 neutronmind | | Stránka v strede strany??? (help) v HTML, XHTML, XML, CSS | 3 | 659 | 05.08.2009 11:49 AReYco | | na obrazovke mam v strede zvisly cierny pas v Operačné systémy Microsoft | 4 | 1232 | 30.11.2009 13:02 f4r0 | | preco mam na obrazovke v strede cierny pas a v dvoch stlpco? v Notebooky a netbooky | 4 | 604 | 29.11.2009 12:15 evinka | | div v HTML, XHTML, XML, CSS | 4 | 845 | 01.08.2008 15:12 m4r14n | | Zatvaratelný div v HTML, XHTML, XML, CSS | 4 | 445 | 02.11.2008 14:33 Unlink | | flexibilny div v HTML, XHTML, XML, CSS | 7 | 488 | 24.04.2009 0:01 DeiDaro | | vyska div v HTML, XHTML, XML, CSS | 5 | 582 | 03.09.2008 17:27 neopagan | | Fixed Div v HTML, XHTML, XML, CSS | 2 | 412 | 09.04.2010 16:17 riki137 | | Čudný div v HTML, XHTML, XML, CSS | 4 | 513 | 13.03.2010 18:45 neXor | | Refresh DIV v JavaScript, VBScript, Ajax | 2 | 438 | 19.03.2011 13:15 Bokos | | div/pozadie v HTML, XHTML, XML, CSS | 3 | 877 | 03.01.2007 16:41 majso | | Ukonceny div v HTML, XHTML, XML, CSS | 7 | 573 | 02.09.2010 13:35 emer |
| 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
|
|