Overlay Sluiten

Heya,

Ik heb nu een soortgelijke overlay als one2xs heeft bij report zegmaar, maar mijne heeft een absolute positie, waardoor hij in het midden blijft, ookal scroll je.
Maar ik heb een probleempje, als ik mijn overlay weer sluit, dan komt de pagina weer helemaal bovenaan te staan, terwijl bij one2xs je dan gewoon op de zelfde plek blijft waar je de overlay hebt geopend.

Kan iemand mijn hiermee helpen? eventueel geef ik je de CSS / JS

Geef CSS + JS eens?

Codeblok (style.css):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

#overlay{
z-index: 99;
position: fixed;
display: none;
width: 100%;
top: 0;
background: #000; filter: alpha(opacity=90); -moz-opacity: 0.9; -o-opacity: 0.8; opacity: 0.9;
}

#overlaycontent{
width: 600px;
margin: 100px auto;
background: #FFF;
padding: 15px;
color: #000000;
}

Codeblok (relevante javascript):

1
2
3
4
5
6
7
8
9

// Openen van overlay, in een functie
document.getElementById(overlaycontent).innerHTML = ;
document.getElementById(overlay).style.display = block;

// Code

// Inladen van ajax-request
document.getElementById(overlaycontent).innerHTML = xmlhttp.responseText;
document.getElementById(overlay).style.display = block;

Vervolgens heb ik bij one2xs gekeken naar relevante code qua javascript, toen kwam ik hier op uit, maar dit kreeg ik niet aan de praat:

Codeblok (one2xs relevante javascript):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63

function muispositie(e)
{

if(e)
{

this.e = e;

}
else
{

this.e = window.event;

}

if(e.pageX)
{

this.x = e.pageX;

}
else
{

this.x = e.clientX;

}

if(e.pageY)
{
this.y = e.pageY;
}
else
{

this.y = e.clientY;

}

if(e.target)
{

this.target = e.target;

}
else
{

this.target = e.srcElement;

}

}

function overlaypositie(e)
{

var e = new muispositie(e);
document.getElementById(overlay_inhoud).style.position = fixed; // Absolute werkt ook niet, relative laat de content niet meer zien.
document.getElementById(overlay_inhoud).style.top = (e.y - 100)+px;

}

Hoe sluit je je overlay?

document.getElementById(overlay).style.display =none

Ja maar met een hyperlink ofzo?

Lennard schreef:

Ja maar met een hyperlink ofzo?

o sorry ja
Damn, en meteen snapte ik hem, het kwam door de href. Nu werkt ie gewoon

En hoe ziet die hele hyperlink eruit?

Lennard schreef:

En hoe ziet die hele hyperlink eruit?

<a href="#" onclick="document.getElementById(overlay).style.display =none">Sluit dit venster</a>

Maar zonder de href werkt ie al

nice