• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

DIV und ZIndex

Status
Für weitere Antworten geschlossen.

bassman92

Neues Mitglied
Halo,
ich weiß es gibt z diesem Thema schon einige Beiträge. Aber ich konnte mein Problem damit nicht lösen. Ich habe zwei DIV Ebenen, die man bei einem Klick über- bzw. untereinander schieben können soll. Leider tut sich bei mir aber gar nichts und ich weiß nicht warum.Ich hab mal den Code etwas komprimiert:
<html>
<script>
//Hier die Funktion zum Über- Untereinanderschieben
function changeIndex(id)
{
var index=prompt("Z-index eingeben");
var obj=document.getElementById(id);
obj.style.Zindex=index;

}
</script>
<!--Die erste Ebene-->
<div id="unten" style="position:absolute;top:0; left:0; height:200;width:200;z-index:0;background-color:#999900">
<a onClick="changeIndex('unten');"> hier die Ebene wechseln<bR></a>
</div>

<!--Die zweite Ebene-->
<div id="oben" style="position:absolute;top:100; left:100; height:200;width:200;z-index:0;background-color:#009999">
<a onClick="changeIndex('oben');"> hier die Ebene wechseln<br></a>
</div>

</html>

Wäre schön, wenn mich jemand auf die richtige Fährte bringen könnte.
 
Werbung:
Es heißt nicht Zindex, sondern zIndex, ansonsten hast Du alles richtig gemacht.
Wenn man per Javascript auf einzelne CSS-Attribute zugreifen will, muss die CSS-Eigenschaft klein geschrieben werden. Eventuelle Bindestriche fallen weg und dafür wird der darauffolgende Buchstabe zum Großbuchstaben. Aus z-index wird so zIndex, aus background-color wird backgroundColor usw.
Oft ist auch ein Wechsel der Klasse praktisch, der sähe so aus:
Code:
document.getElementById("oben").[B]className[/B] = "vorn";

Gruß
Junny
 
Werbung:
Status
Für weitere Antworten geschlossen.
Zurück
Oben