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 | 149 Bydlisko: Houston, Texas |
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 | 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 | 149 Bydlisko: Houston, Texas |
nie, jQuery a ani inú knižnicu použivať nechcem
|
|
Registrovaný: 11.08.07 Príspevky: 4088 Témy: 34 | 34 Bydlisko: Brno |
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 | 149 Bydlisko: Houston, Texas |
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 | 34 Bydlisko: Brno |
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 | 149 Bydlisko: Houston, Texas |
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 | 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 |
---|
| v Operačné systémy Microsoft | 12 | 484 | 17.07.2010 1:38 M0f0 | | v JavaScript, VBScript, Ajax | 14 | 668 | 22.04.2014 9:45 Mego | | [ Choď na stránku: 1, 2 ] v HTML, XHTML, XML, CSS | 31 | 1755 | 29.05.2008 13:33 v1r00z | | v HTML, XHTML, XML, CSS | 3 | 1055 | 06.10.2008 17:50 neutronmind | | v HTML, XHTML, XML, CSS | 3 | 683 | 05.08.2009 11:49 AReYco | | v Operačné systémy Microsoft | 4 | 1292 | 30.11.2009 13:02 f4r0 | | v Notebooky a netbooky | 4 | 627 | 29.11.2009 12:15 evinka | | v HTML, XHTML, XML, CSS | 4 | 881 | 01.08.2008 15:12 m4r14n | | v HTML, XHTML, XML, CSS | 4 | 471 | 02.11.2008 14:33 Unlink | | v HTML, XHTML, XML, CSS | 7 | 518 | 24.04.2009 0:01 DeiDaro | | v HTML, XHTML, XML, CSS | 5 | 623 | 03.09.2008 17:27 neopagan | | v HTML, XHTML, XML, CSS | 2 | 447 | 09.04.2010 16:17 riki137 | | v HTML, XHTML, XML, CSS | 4 | 553 | 13.03.2010 18:45 neXor | | v HTML, XHTML, XML, CSS | 3 | 918 | 03.01.2007 16:41 majso | | v JavaScript, VBScript, Ajax | 2 | 486 | 19.03.2011 13:15 Bokos | | v HTML, XHTML, XML, CSS | 7 | 610 | 02.09.2010 13:35 emer |
|