Obsah fóra
PravidláRegistrovaťPrihlásenie




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

Užívateľ
Užívateľ
Div v strede obrazovky

Registrovaný: 20.03.08
Prihlásený: 08.03.17
Príspevky: 596
Témy: 149
Bydlisko: Houston, Texas
Príspevok NapísalOffline : 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


Offline

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

Registrovaný: 21.02.07
Prihlásený: 21.02.10
Príspevky: 3984
Témy: 96
Príspevok NapísalOffline : 29.09.2009 18:50

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%;


Offline

Užívateľ
Užívateľ
Div v strede obrazovky

Registrovaný: 20.03.08
Prihlásený: 08.03.17
Príspevky: 596
Témy: 149
Bydlisko: Houston, Texas
Príspevok Napísal autor témyOffline : 29.09.2009 18:54

nie, jQuery a ani inú knižnicu použivať nechcem


Offline

Čestný člen
Čestný člen
Div v strede obrazovky

Registrovaný: 11.08.07
Príspevky: 4088
Témy: 34
Bydlisko: Brno
Príspevok NapísalOffline : 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.


Offline

Užívateľ
Užívateľ
Div v strede obrazovky

Registrovaný: 20.03.08
Prihlásený: 08.03.17
Príspevky: 596
Témy: 149
Bydlisko: Houston, Texas
Príspevok Napísal autor témyOffline : 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ť


Offline

Čestný člen
Čestný člen
Div v strede obrazovky

Registrovaný: 11.08.07
Príspevky: 4088
Témy: 34
Bydlisko: Brno
Príspevok NapísalOffline : 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.


Offline

Užívateľ
Užívateľ
Div v strede obrazovky

Registrovaný: 20.03.08
Prihlásený: 08.03.17
Príspevky: 596
Témy: 149
Bydlisko: Houston, Texas
Príspevok Napísal autor témyOffline : 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


Offline

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

Registrovaný: 30.04.09
Prihlásený: 11.02.10
Príspevky: 723
Témy: 81
Príspevok NapísalOffline : 29.09.2009 20:14

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%


Odpovedať na tému [ Príspevkov: 8 ] 


Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy. zobrazovanie upozorneni v strede obrazovky

v Operačné systémy Microsoft

12

460

17.07.2010 1:38

M0f0 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Ako prinútiť jeden div, aby sa ovládal cez druhý div

v JavaScript, VBScript, Ajax

14

624

22.04.2014 9:45

Mego Zobrazenie posledných príspevkov

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

[ Choď na stránku:Choď na stránku: 1, 2 ]

v HTML, XHTML, XML, CSS

31

1722

29.05.2008 13:33

v1r00z Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. načo slúžia tagy <div id="all"> a <div

v HTML, XHTML, XML, CSS

3

1003

06.10.2008 17:50

neutronmind Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Stránka v strede strany??? (help)

v HTML, XHTML, XML, CSS

3

659

05.08.2009 11:49

AReYco Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. na obrazovke mam v strede zvisly cierny pas

v Operačné systémy Microsoft

4

1232

30.11.2009 13:02

f4r0 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. preco mam na obrazovke v strede cierny pas a v dvoch stlpco?

v Notebooky a netbooky

4

604

29.11.2009 12:15

evinka Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

4

845

01.08.2008 15:12

m4r14n Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

4

445

02.11.2008 14:33

Unlink Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

7

488

24.04.2009 0:01

DeiDaro Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

5

582

03.09.2008 17:27

neopagan Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

2

412

09.04.2010 16:17

riki137 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Čudný div

v HTML, XHTML, XML, CSS

4

513

13.03.2010 18:45

neXor Zobrazenie posledných príspevkov

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

v JavaScript, VBScript, Ajax

2

438

19.03.2011 13:15

Bokos Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

3

877

03.01.2007 16:41

majso Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

7

573

02.09.2010 13:35

emer 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