d.m.v. JavaScript midden bepalen
Ik heb al gezocht op google, maar geen resultaat.
Bedankt!
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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<script language="JavaScript">
History = history.length;
colors = window.screen.colorDepth;
mathcolor = Math.pow (2, colors);
function getwindowsize() {
if (navigator.userAgent.indexOf("MSIE") > 0) {
var sSize = (document.body.clientWidth * document.body.clientHeight);
return sSize;
} else {
var sSize = (window.outerWidth * window.outerHeight);
return sSize;
}
return;
}
document.writeln("<tr><td><img src='single_bullet.gif' width='10' height='14' alt='*' border='0' align='absmiddle'><font color='#034e7f'>Max Size: ",window.screen.width,"*",window.screen.height,"</font></td></tr>");
document.writeln("<tr><td><img src='single_bullet.gif' width='10' height='14' alt='*' border='0' align='absmiddle'><font color='#034e7f'>Used Size: ",window.screen.availWidth,"*",window.screen.availHeight,"</font></td></tr>");
document.writeln("<tr><td><img src='single_bullet.gif' width='10' height='14' alt='*' border='0' align='absmiddle'><font color='#034e7f'>Color: ",window.screen.colorDepth,"(bits)</font></td></tr>");
document.writeln("<tr><td><img src='single_bullet.gif' width='10' height='14' alt='*' border='0' align='absmiddle'><font color='#034e7f'>Total colors: ",mathcolor,"</font></td></tr>");
var percent = Math.round((getwindowsize()/(screen.width * screen.height)*100) * Math.pow(10, 0));
document.writeln("<tr><td><img src='single_bullet.gif' width='10' height='14' alt='*' border='0' align='absmiddle'><font color='#034e7f'>Window size: ",percent,"%</font></td></tr>");
</script>
History = history.length;
colors = window.screen.colorDepth;
mathcolor = Math.pow (2, colors);
function getwindowsize() {
if (navigator.userAgent.indexOf("MSIE") > 0) {
var sSize = (document.body.clientWidth * document.body.clientHeight);
return sSize;
} else {
var sSize = (window.outerWidth * window.outerHeight);
return sSize;
}
return;
}
document.writeln("<tr><td><img src='single_bullet.gif' width='10' height='14' alt='*' border='0' align='absmiddle'><font color='#034e7f'>Max Size: ",window.screen.width,"*",window.screen.height,"</font></td></tr>");
document.writeln("<tr><td><img src='single_bullet.gif' width='10' height='14' alt='*' border='0' align='absmiddle'><font color='#034e7f'>Used Size: ",window.screen.availWidth,"*",window.screen.availHeight,"</font></td></tr>");
document.writeln("<tr><td><img src='single_bullet.gif' width='10' height='14' alt='*' border='0' align='absmiddle'><font color='#034e7f'>Color: ",window.screen.colorDepth,"(bits)</font></td></tr>");
document.writeln("<tr><td><img src='single_bullet.gif' width='10' height='14' alt='*' border='0' align='absmiddle'><font color='#034e7f'>Total colors: ",mathcolor,"</font></td></tr>");
var percent = Math.round((getwindowsize()/(screen.width * screen.height)*100) * Math.pow(10, 0));
document.writeln("<tr><td><img src='single_bullet.gif' width='10' height='14' alt='*' border='0' align='absmiddle'><font color='#034e7f'>Window size: ",percent,"%</font></td></tr>");
</script>
1280*770 en dat vermenigvuldigen met 99%?
Daar komt naar mijn idee uit: (1280/100)*99 = 1267,2 px
en daar komt dan ook uit qua hoogte: (770/100)*99 = 762,3 px
Maar de height klopt niet (even opgemeten met photoshop wat de browser-content-size zou moeten zijn, die is 678 px.
1. De haakjes
2. Macht en Wortel van links naar rechts
3. Vermenigvuldigen en delen van links naar rechts
4. Plus en min van links naar rechts
Ofwel je haakjes zijn onnodig.
Veel succes verder.
Gewijzigd op 01/01/1970 01:00:00 door John Doe
Link: http://www.sceneone.nl/tips_tricks/verticaal_centreren.php
@ Daniel: Ik heb al gezocht op google, maar kan niks vinden. Dus ik denk ik post het hier. En bovenstaande code van Robin heb ik even bekeken en gekeken naar wat er op watismijnip.nl staat, en dat klopt dus niet, aangezien de berekening die ik geef in mijn bovenstaande post op andere waarden uitkomt als dat ik had gekregen via PhotoShop..
@Allemaal, ik weet wat ik wil, javascript, na klikken van link moet de div gecentreerd op het BROWSERSCHERM tevoorschijn komen, dus NIET op het volledige beeldscherm, slechts het contentgedeelte van CHrome, FF, IE, Opera e.d.
Gewijzigd op 01/01/1970 01:00:00 door Justin S
P.S. die scripts ommidden te bepaalen werken niet altijd 100%.