Klappt nicht so recht..
Martin
- dhtml
0 Martin
Hi Forum,
ich will zwei DHTML Elemente aus SELFHTML kombinieren. Das Einblenden eines div's und das Überblenden zwischen 2 Grafiken
(../tfbc.htm#a3).
Also:
folgendes Javascript:
function Show(Divname) /* Wie der Name schon sagt
{
if (document.all)
{
document.all[Divname].style.visibility = "visible";
Blend();
}
else document[Divname].visibility = "show";
}
function Hide(Divname)/* Wie der Name schon sagt
{
if (document.all) document.all[Divname].style.visibility = "hidden";
else document[Divname].visibility = "hide";
}
function Blend()/* einfach kopiert und (Variablen)Namen geändert
{
var Bild = 2;
if(Bild == 1)
{
Bild = 2;
document.all.DynLogo.filters.blendTrans.Apply();
document.all.DynLogo.src = Logo2.src;
document.all.DynLogo.filters.blendTrans.Play();
}
else
{
Bild = 1;
document.all.DynLogo.filters.blendTrans.Apply();
document.all.DynLogo.src = Logo1.src;
document.all.DynLogo.filters.blendTrans.Play();
}
}
aus dem <body>:
<div id="Anim" style="position:absolute; left:5px; top:400px; width:113px; height:26px; z-index:3"><a href="#" onMouseOver="Show('Inlay')" onMouseOut= "Hide('Inlay')"><img src="../Grafik/Abstand1.gif" height=21 width=35 border=0><img border="0" src="../Grafik/page%20by.gif" width="40" height="21"></a></div>
<div id="Inlay" style="position:absolute; left:20px; top:330px; width:80px; height:60px; z-index:3; filter:blendTrans(Duration=4)"
*visibility:hide; visibility:hidden*"><layer><img id="DynLogo" src="../Grafik/MeinLogo.gif" width="80" height="60" border="0"></layer></div>
Ich dachte mir das so:
Im <div> "Anim" ist ein Bild (page..gif) enthalten, daß bei onmouseover den <div id=Inlay> sichtbar macht (hat dank des zusätzlichen layer-tags auch im Navigator funktioniert). Show() macht mir den Layer also sichtbar und ruft - jetzt komt der Wunsch - dann Blend() auf, was mir dann den Blendeffekt gibt.
Im MSIEP5 kommt dann aber der Fehler "document.all.DynLogo.filters.blend.Trans();" ist kein Object.
Wahrscheinlich ist die Schachtelung <div id="Inlay"..><img id="DynLogo"..> das Problem.
Kann man auch "Sub"-Ids vergeben oder muß ich da ganz anders rangehen?
*..*: keine Ahnung, ob das "gutes" HTML ist, aber trial&error brachte mich darauf.
Grüße, Martin
Es klappt!!!! Dummer Fehler :-((
Sorry für die Platzverschwendung !
Gruß, Martin