Martin: Klappt nicht so recht..

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

  1. Es klappt!!!! Dummer Fehler :-((

    Sorry für die Platzverschwendung !

    Gruß, Martin