Ændre placering til tabel i stedet for div
Jeg har følgende lille script som fremviser lidt tekst som fader bort igen. Som det er nu, bliver teksten placeret ved hjælp af koordinater. Jeg ville gerne have at det blev ændret så teksten kunne følge en tabel. Jeg skal bruge det på en side som altid skal være centreret i browseren og ikke have fast startpunkt som nu.<head>
<script type="text/javascript">
tekst = new Array("Tekststykke 1", "Tekststykke 2", "Tekststykke 3", "Tekststykke 4", "Tekststykke 5", "Tekststykke 6"); //Beskederne, der skal vises én efter én
farver = new Array("#003366", "#003366", "#003366", "#003366", "#003366", "#003366"); //De ovenstående beskeders farver
koord = new Array([75, 210], [75, 250], [75, 290], [75, 330], [75, 370], [75, 410]); //Beskedernes koordinater fra sidens øverste venstre kant: [x, y]
vistid = new Array(1000, 1000, 1000, 1000, 1000, 1000); //Antal millisekunder, hver besked skal vises, før den fader ud
pauser = new Array(500, 500, 500, 500, 500, 500); //Antal millisekunder, der skal gå, fra den nuværende besked er fadet ud, til den næste vises
nr = -1;
function visBesked() {
obj = document.getElementById("minDiv");
obj.innerHTML = tekst[++nr];
obj.style.color = farver[nr];
obj.style.left = koord[nr][0];
obj.style.top = koord[nr][1];
fadeind();
}
opac = 0;
function fadeind() {
if (opac <= 100) {
obj = document.getElementById("minDiv");
if (document.all)
obj.filters.alpha.opacity = opac;
else
obj.style.MozOpacity = opac / 100;
opac += 5;
setTimeout("fadeind();", 50);
}
else if (nr < tekst.length - 1)
setTimeout("fadeud();", vistid[nr]);
}
function fadeud() {
if (opac >= 0) {
obj = document.getElementById("minDiv");
if (document.all)
obj.filters.alpha.opacity = opac;
else
obj.style.MozOpacity = opac / 100;
opac -= 5;
setTimeout("fadeud();", 50);
}
else
setTimeout("visBesked();", pauser[nr]);
}
</script>
</head>
<body onLoad="visBesked();">
<div id="minDiv" style="position:absolute; text-align:center; font-family:verdana, tahoma, arial, sans-serif; font-style:normal; font-weight:bold; font-size:14px; line-height:1.4; filter: alpha(opacity=0); -moz-opacity:0; z-index:12;"></div>
</body>
Stig
