[ 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 | 149
Bydlisko: Houston, Texas
NapísalOffline : 29.09.2009 18:43 | Div v strede obrazovky

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 | 96
NapísalOffline : 29.09.2009 18:50 | Div v strede obrazovky

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 | 149
Bydlisko: Houston, Texas
Napísal autor témyOffline : 29.09.2009 18:54 | Div v strede obrazovky

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 | 34
Bydlisko: Brno
NapísalOffline : 29.09.2009 19:08 | Div v strede obrazovky

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 | 149
Bydlisko: Houston, Texas
Napísal autor témyOffline : 29.09.2009 19:17 | Div v strede obrazovky

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 | 34
Bydlisko: Brno
NapísalOffline : 29.09.2009 19:26 | Div v strede obrazovky

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 | 149
Bydlisko: Houston, Texas
Napísal autor témyOffline : 29.09.2009 19:38 | Div v strede obrazovky

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 | 81
NapísalOffline : 29.09.2009 20:14 | Div v strede obrazovky

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%


 [ Príspevkov: 8 ] 


Div v strede obrazovky



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

484

17.07.2010 1:38

M0f0

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

668

22.04.2014 9:45

Mego

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

1755

29.05.2008 13:33

v1r00z

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

1055

06.10.2008 17:50

neutronmind

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

Stránka v strede strany??? (help)

v HTML, XHTML, XML, CSS

3

683

05.08.2009 11:49

AReYco

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

1292

30.11.2009 13:02

f4r0

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

627

29.11.2009 12:15

evinka

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

div

v HTML, XHTML, XML, CSS

4

881

01.08.2008 15:12

m4r14n

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

Zatvaratelný div

v HTML, XHTML, XML, CSS

4

471

02.11.2008 14:33

Unlink

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

flexibilny div

v HTML, XHTML, XML, CSS

7

518

24.04.2009 0:01

DeiDaro

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

vyska div

v HTML, XHTML, XML, CSS

5

623

03.09.2008 17:27

neopagan

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

Fixed Div

v HTML, XHTML, XML, CSS

2

447

09.04.2010 16:17

riki137

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

Čudný div

v HTML, XHTML, XML, CSS

4

553

13.03.2010 18:45

neXor

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

div/pozadie

v HTML, XHTML, XML, CSS

3

918

03.01.2007 16:41

majso

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

Refresh DIV

v JavaScript, VBScript, Ajax

2

486

19.03.2011 13:15

Bokos

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

Ukonceny div

v HTML, XHTML, XML, CSS

7

610

02.09.2010 13:35

emer



© 2005 - 2024 PCforum, edited by JanoF