pagina-wordt-geladen
Tussen de <head> tags zet je:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script language="javascript" type="text/javascript" src="http://pad/naar/common.js"></script>
<script type="text/javascript">
<!--
function _body_onload()
{
loff();
}
function _body_onunload()
{
lon();
}
//-->
</script>
<script type="text/javascript">
<!--
function _body_onload()
{
loff();
}
function _body_onunload()
{
lon();
}
//-->
</script>
Verander je body tag naar:
Code (php)
1
<body onLoad="_body_onload();" onUnload="_body_onunload();" id="mainCP">
Dan het laad gedeelte (moet bovenaan de pagina komen direct na de body tag:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<table border="0" cellspacing="0" cellpadding="0" id="loaderContainer" onClick="return false;">
<tr>
<td id="loaderContainerWH">
<div id="loader">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<p>
<strong>
<img alt="laden" src=Site_bestanden/laden.gif />
bezig met laden...
</strong>
</p>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<div class="screenBody" id="screenClient">
De inhoud van je pagina
</div>
<tr>
<td id="loaderContainerWH">
<div id="loader">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<p>
<strong>
<img alt="laden" src=Site_bestanden/laden.gif />
bezig met laden...
</strong>
</p>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<div class="screenBody" id="screenClient">
De inhoud van je pagina
</div>
Verander je <a href tags naar:
<a onclick="lon();go_to(); return false;" href=
Code (php)
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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
=============common.js==========
//---------------------------------- Loading
function lsetup_handler(e)
{
lsetup(this);
return true;
}
function lsetup(target)
{
try {
if (!target)
target = this;
var o_set = target.document.getElementById('loaderContainerWH');
var o_getH = target.document.getElementsByTagName('BODY')[0];
o_set.style.height = o_getH.scrollHeight;
} catch (e) {
}
}
function lon(target)
{
try {
if (parent.visibilityToolbar)
parent.visibilityToolbar.set_display("standbyDisplayNoControls");
} catch (e) {}
try {
if (!target)
target = this;
lsetup(target);
if (!target._lon_disabled_arr)
target._lon_disabled_arr = new Array();
else if (target._lon_disabled_arr.length > 0)
return true;
target.document.getElementById("loaderContainer").style.display = "";
var select_arr = target.document.getElementsByTagName("select");
for (var i = 0; i < select_arr.length; i++) {
if (select_arr[i].disabled)
continue;
select_arr[i].disabled = true;
_lon_disabled_arr.pop(select_arr[i]);
var clone = target.document.createElement("input");
clone.type = "hidden";
clone.name = select_arr[i].name;
var values = new Array();
for (var n = 0; n < select_arr[i].length; n++) {
if (select_arr[i][n].selected) {
values[values.length] = select_arr[i][n].value;
}
}
clone.value = values.join(",");
select_arr[i].parentNode.insertBefore(clone, select_arr[i]);
}
} catch (e) {
return false;
}
return true;
}
function loff(target)
{
try {
if (parent.visibilityToolbar) {
parent.visibilityToolbar.set_display(visibilityCount
? "standbyDisplay"
: "standbyDisplayNoControls");
}
} catch (e) {}
try {
if (!target)
target = this;
target.document.getElementById("loaderContainer").style.display = "none";
if (target._lon_disabled_arr) {
while(_lon_disabled_arr.legth > 0) {
var select = _lon_disabled_arr.push();
select.disabled = false;
var clones_arr = target.document.getElementsByName(select.name);
for (var n = 0; n < clones_arr.length; n++) {
if ("hidden" == clones_arr[n].type)
clones_arr[n].parent.removeChild(clones_arr[n]);
}
}
}
} catch (e) {
return false;
}
return true;
}
MM_reloadPage(true);
//---------------------------------- Loading
function lsetup_handler(e)
{
lsetup(this);
return true;
}
function lsetup(target)
{
try {
if (!target)
target = this;
var o_set = target.document.getElementById('loaderContainerWH');
var o_getH = target.document.getElementsByTagName('BODY')[0];
o_set.style.height = o_getH.scrollHeight;
} catch (e) {
}
}
function lon(target)
{
try {
if (parent.visibilityToolbar)
parent.visibilityToolbar.set_display("standbyDisplayNoControls");
} catch (e) {}
try {
if (!target)
target = this;
lsetup(target);
if (!target._lon_disabled_arr)
target._lon_disabled_arr = new Array();
else if (target._lon_disabled_arr.length > 0)
return true;
target.document.getElementById("loaderContainer").style.display = "";
var select_arr = target.document.getElementsByTagName("select");
for (var i = 0; i < select_arr.length; i++) {
if (select_arr[i].disabled)
continue;
select_arr[i].disabled = true;
_lon_disabled_arr.pop(select_arr[i]);
var clone = target.document.createElement("input");
clone.type = "hidden";
clone.name = select_arr[i].name;
var values = new Array();
for (var n = 0; n < select_arr[i].length; n++) {
if (select_arr[i][n].selected) {
values[values.length] = select_arr[i][n].value;
}
}
clone.value = values.join(",");
select_arr[i].parentNode.insertBefore(clone, select_arr[i]);
}
} catch (e) {
return false;
}
return true;
}
function loff(target)
{
try {
if (parent.visibilityToolbar) {
parent.visibilityToolbar.set_display(visibilityCount
? "standbyDisplay"
: "standbyDisplayNoControls");
}
} catch (e) {}
try {
if (!target)
target = this;
target.document.getElementById("loaderContainer").style.display = "none";
if (target._lon_disabled_arr) {
while(_lon_disabled_arr.legth > 0) {
var select = _lon_disabled_arr.push();
select.disabled = false;
var clones_arr = target.document.getElementsByName(select.name);
for (var n = 0; n < clones_arr.length; n++) {
if ("hidden" == clones_arr[n].type)
clones_arr[n].parent.removeChild(clones_arr[n]);
}
}
}
} catch (e) {
return false;
}
return true;
}
MM_reloadPage(true);
======css aanpassing=======
Code (php)
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
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
/* --- loader ---*/
#loader {
width: 320px;
margin-left: auto;
margin-right: auto;
}
#loader td {
padding: 3px;
background: #ffffff;
}
#loader p {
border: 5px solid #87CEEB;
padding: 10px;
margin: 0;
font-family: arial, helvetica;
font-size: 20px;
letter-spacing: -1px;
border: 5px solid #87CEEB;
color: #87CEEB;
left: 37%;
top: 35%;
}
#loader strong {
display: block;
margin-bottom: 3px;
}
#loaderContainer {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
position: expression('absolute');
height: expression(document.documentElement.scrollHeight+'px');
width: expression(document.documentElement.scrollWidth+'px');
z-index: 1000;
}
#loaderContainer td {
padding-top: 150px;
vertical-align: top;
text-align: center;
background-image: url(http://www.bartvanasselt.nl/Site_bestanden/semi-transparent.gif;
}
#loaderContainer td td {
padding-top: 3px;
text-align: center;
}
#loader {
width: 320px;
margin-left: auto;
margin-right: auto;
}
#loader td {
padding: 3px;
background: #ffffff;
}
#loader p {
border: 5px solid #87CEEB;
padding: 10px;
margin: 0;
font-family: arial, helvetica;
font-size: 20px;
letter-spacing: -1px;
border: 5px solid #87CEEB;
color: #87CEEB;
left: 37%;
top: 35%;
}
#loader strong {
display: block;
margin-bottom: 3px;
}
#loaderContainer {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
position: expression('absolute');
height: expression(document.documentElement.scrollHeight+'px');
width: expression(document.documentElement.scrollWidth+'px');
z-index: 1000;
}
#loaderContainer td {
padding-top: 150px;
vertical-align: top;
text-align: center;
background-image: url(http://www.bartvanasselt.nl/Site_bestanden/semi-transparent.gif;
}
#loaderContainer td td {
padding-top: 3px;
text-align: center;
}