nicht angemeldet
Hallo an Alle !
Ich habe folgendes Problem: Ich habe eine Seite aufgestellt, in der 4 Objekte mithilfe JavaScripts reingeflogen kommen. Dies ist soweit kein Problem und hat auch ganz gut geklappt. Nun wollte ich (oder will ich) dazu noch, dass diese Objekte (es sind Schriftzüge in absolut positionierten <div>s) während dem reinschieben noch eingeblendet werden (mithilfe des Microsoft-CSS-Filters blendTrans o. RevelTrans meine Seite ist sowieso nicht für das Internet geplant, sondern für so einen Bildschirmschoner [Channel]). In SELFHTML stehen auch ausführliche Möglichkeiten (für dynamisches Ein- und ausblenden ...), aber ich habe sie schon in allen möglichen (und unmöglichen) Varianten ausprobiert. es klappt einfach nicht !
Hier sind Auszüge aus den Quelltexten:
-----------------------------
<html>
<head>
<title>Welcome zum Bildschirmschoner (Title sieht man sowieso nicht)</title>
<link rel="stylesheet" href="styles.css" type="text/css">
<style type="text/css">
<!--
#bild { position:absolute; left:200; top:184;}
div { color:#FFFFFF; font-size: 25px; font-weight:bold;
width: 250px; height: 50px; position:absolute; filter:Shadow(color=#4A4A4A, direction=135); }
div.names { font-size: 16px; font-weight:bold; color: #A3A3A3; }
div.nochnicht { left: 1030; top: 780; }
#starttext { color: #777777; filter:Shadow(color=#000000, direction=135); width: 760px; text-align:center; left: 130; top: 379; }
#starttext.weiter { color: #969696; font-size: 30px; }
-->
</style>
<script src="scripts/index.js" language="JScript" type="text/jscript"></script>
</head>
<body scroll="no">
<div id="bild"><img src="bg.jpg" width="623" height="471" alt=Bild ist nur eine etwas dunkelgraue Abhebung von dem schwarzen Hintergrund></div>
<div id="eins" class="nochnicht" style="visibility:hidden; filter:blendTrans(Duration=4)">Text 1</div>
<div id="11" class="names" style="left: 131; top: 249;">Beschreibung zu Text 1</div>
<div id="zwei" class="nochnicht" style="visibility:hidden; filter:blendTrans(Duration=4)">Text 2</div>
<div id="22" class="names" style="left: 664; top: 234;">Beschreibung zu Text 2</div>
<div id="drei" class="nochnicht" style="visibility:hidden; filter:blendTrans(Duration=4)">Text 3</div>
<div id="33" class="names" style="left: 174; top: 599;">naja, immer nach dem gleichen Schema ...</div>
<div id="vier" class="nochnicht" style="visibility:hidden; filter:blendTrans(Duration=4)">Text 4</div>
<div id="44" class="names" style="left: 642; top: 549;"></div>
</body>
</html>
-----------------------------
Auszug aus der Datei index.js:
-----------------------------
var objektx = Array(-221, -192, -162, -111, -62, -47, 0, 37, 64, 109);
var objekty = Array(-22, 0, 40, 92, 136, 166, 211, 221, 211, 206);
// Mein Bewegungsscript: Die Variablen oben sind die left- und Topwerte wegen der Absoluten Positionierung
// Variablennamen:
// ###x = CSS POSITION ABSOLUTE LEFT ARRAY
// ###y = CSS POSITION ABSOLUTE TOP ARRAY
// ###a = JSCRIPT INTERVALL TIME
// ###c = JSCRIPT INTERVALL COUNTER
document.all.eins.filters.blendTrans.Apply();
document.all.eins.style.visibility = "visible";
document.all.eins.filters.blendTrans.Play();
window.setTimeout("objekta = window.setInterval('objekt()',400);", 400);
// usw. - die gleichen 4 Zeilen wie oben für alle <div>'s
objektc = 0;
function objekt()
{
document.getElementById("eins").style.position = "absolute";
document.getElementById("eins").style.top = objekty[objektc];
document.getElementById("eins").style.left = objektx[objektc];
objektc++;
if(objektc == 9) // Dann ist das 10. Element des Arrays schon als Style-Definition eingesprungen und die Animation ist beendet
window.clearInterval(objekta);
}
//Diese Funktion von eben gerade wird dann auch für alle Überschriften bzw. Objekte gleichermaßen eingesetzt es ist immer das gleiche, nur mit anderen Variabel-Namen
-----------------------------
Und wo ist dort nun der Fehler !?
Wer Rat weiß, soll mir bitte antworten :)
benji