<ole>
Det her er, hvad jeg lige kunne bikse sammen. Det er REN NS-kode, men jeg kan vel godt gøre den X-browser...hvis du plager lidt...Hehe ;-)
Forløbig kan du se, om det er noget, du kan bruge. Jeg har kommenteret det temmelig grundigt, men er der spørgsmål, må du bare klø på.
<html>
<head>
<script language="JavaScript"><!--
// Antal af lag:
var num = 3;
// Opretter og fylder et array med objekter - der repræsenterer lagene - og starter 'flytte' funktionen:
myLayers = new Array();
function myInit() {
for (i=0;i<num;i++) {
myLayers[i] = new makeObj('div'+(i+1));
}
flyt();
}
// Funktioner til at lave objekterne med:
function makeObj(which) {
this.bla = eval('document.layers.'+which);
this.width = this.bla.document.width;
this.height = this.bla.document.height;
this.x = this.bla.left;
this.y = this.bla.top;
this.moveIt=myMoveIt;
return this;
}
function myMoveIt(x,y){
this.x=x; this.y=y; this.bla.left=this.x; this.bla.top=this.y
}
// Finder det breddeste lag:
function getBroad(stInx) {
if (!stInx) { j = 0;}else{ j = stInx;}
while (j<myLayers.length-1) {
if (myLayers[j].width < myLayers[j+1].width) {
if (myLayers[j+1]==myLayers[myLayers.length]) {
return myLayers[j+1];
}else{
getBroad(j+1);
}
}else{
j++;
}
}
return myLayers[j].width;
}
// Finder det højeste lag:
function getHigh(stInx) {
if (!stInx) { j = 0;}else{ j = stInx;}
while (j<myLayers.length-1) {
if (myLayers[j].height < myLayers[j+1].height) {
if (myLayers[j+1]==myLayers[myLayers.length]) {
return myLayers[j+1];
}else{
getHigh(j+1);
}
}else{
j++;
}
}
return myLayers[j].height;
}
// Selve 'flytte' funktionen
// docWidth = dokument-bredde
// getBroad() returnerer bredden på det breddeste lag
// v_delta = det antal pixels, lagene skal flyttes ind
function flyt() {
var docWidth = window.innerWidth;
var docHeight = window.innerHeight;
// ********** Her laver du din beregning ************
v_delta = (docWidth - getBroad())/2;
h_delta = (docHeight - getHigh())/2;
// ****************************************************
for (i=0;i<myLayers.length;i++) {
myLayers[i].moveIt(v_delta,h_delta);
}
}
onload=myInit
// -->
</script>
</head>
<body>
<table border=3>
<tr>
<td align="left" valign="top" height="181"><FONT face="Arial, Helvetica, sans-serif" size="2">
<div ID="div1" style="position:absolute; visibility:visible; z-index: 1">
asdfasdfasdfad
</div>
<!-- ## Forklarende tekst til 2. spørgsmål -->
<div ID="div2" style="position:absolute; visibility:visible; z-index: 2">
asdfasdfasdfasdfasdfasd
</div>
<!-- ## Forklarende tekst til 3. spørgsmål -->
<div ID="div3" style="position:absolute; visibility:visible; z-index: 3">
dsafasdfasdfasdfasd
</div></td>
</tr>
</table>
</body>
</html>
Jeg har gjort dine lag synlige, så det var til at se, hvad jeg lavede...det kan du selv lige lave om.
/VH
</bole>
