Andrea: <DIV> Z-Index von Bildern Tauschen geht nicht

SELF-Forum

<DIV> Z-Index von Bildern Tauschen geht nicht

Andrea
– Informationen zu den Bewertungsregeln

Hi !

Was nochmal mache ich falsch ?

Dieses Script soll nach einer Zeitvorgabe den Z-Index tauschen nur leider geht es nicht !

Was muss ich tun bzw. wie muss das Script aussehen damit es Funktioniert ?

<html><head><script language="javascript">
<!--
function tausch()
{
document.all.DIV1.style.z-index=1;
document.all.DIV2.style.z-index=2;
}
//--></script></head>
<body onLoad="setTimeout('tausch()',2000)">
<div id="DIV1" style="position:absolute;left:100;top:100;z-index=2;">
<img src="16.jpg" style="filter:revealtrans(duration=3;transition=4)" width="468" height="60">
</div>
<div id="DIV2" style="position:absolute;left:100;top:100;z-index=1;">
<img src="06.jpg" style="filter:revealtrans(duration=3;transition=4)" width="468" height="60">
</div>
</body>
</html>

Danke Andrea

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. <DIV> Z-Index von Bildern Tauschen geht nicht

    Axel Richter
    – Informationen zu den Bewertungsregeln

    Hi !

    Was nochmal mache ich falsch ?
    Dieses Script soll nach einer Zeitvorgabe den Z-Index tauschen nur leider geht es nicht !
    Was muss ich tun bzw. wie muss das Script aussehen damit es Funktioniert ?
    function tausch()
    {
    document.all.DIV1.style.z-index=1;
    document.all.DIV2.style.z-index=2;
    }

    function tausch()
    {
    document.all.DIV1.style.zIndex=1;
    document.all.DIV2.style.zIndex=2;
    }
    Es ist ein Unterschied, ob CSS-Eigenschaften mit styles oder per JavaScript gesetzt werden.

    http://selfhtml.teamone.de/javascript/objekte/style.htm#style_eigenschaften

    Gruß

    Axel

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. <DIV> Z-Index von Bildern Tauschen geht nicht

    MudGuard
    – Informationen zu den Bewertungsregeln

    Hi

    Was nochmal mache ich falsch ?

    Was nicht?

    Dieses Script soll nach einer Zeitvorgabe den Z-Index tauschen nur leider geht es nicht !

    Was muss ich tun bzw. wie muss das Script aussehen damit es Funktioniert ?

    <html><head><script language="javascript">

    script hat ein Pflichtattribut namens type (type="text/javascript")

    <!--
    function tausch()
    {
    document.all.DIV1.style.z-index=1;

    zIndex
    document.all ist IE-spezifisch, in Browsern funktioniert das nicht (document.getElementById...)

    document.all.DIV2.style.z-index=2;
    }
    //--></script></head>
    <body onLoad="setTimeout('tausch()',2000)">
    <div id="DIV1" style="position:absolute;left:100;top:100;z-index=2;">

    bei CSS immer noch Property:value; nicht Property=value;
    Desweiteren: bei Längenangaben (left, top) ist eine Maßeinheit zwingend vorgeschrieben, wenn der Wert ungleich 0 ist.

    <img src="16.jpg" style="filter:revealtrans(duration=3;transition=4)" width="468" height="60">

    img hat ein Pflichtattribut namens alt
    filter gibt es in CSS nicht.

    Andreas

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln