Höhe eines Layers bestimmen

Ich versuche jetzt gerade mühselig die Höhe des Layers zu verändern.

// id Attribut div-Element verpassen
var Ausrichtung = document.createAttribute("id");
Ausrichtung.nodeValue = "test";
var Element = document.getElementsByTagName("div")[0];
Element.setAttributeNode(Ausrichtung);

var Ausrichtung = document.createAttribute("style");
Ausrichtung.nodeValue = "width:"+window.innerWidth+"px;"+"height:"+window.innerHeight+"px;";
var Element = document.getElementsByTagName("div")[0];
Element.setAttributeNode(Ausrichtung);

Ich würde gerne, dass die Höhe der Verdunklung (erstes Div) gleich der Höhe der kompletten Seite ist, weiß jemand wie das geht? Habs schon mit nem Layer-iD versucht, aber geht nicht.

So sieht das Dokument aus. Weiß jemand, wie ich die Höhe des Divs "d_wrapper" heraus bekomme?

      <div>
           <script src="test.js" type="text/javascript"></script>
      </div>
      <div id='d_wrapper'>
      </div>

Wenn ich versuche über document.getElementById bekomme ich die Meldung Element hat keine Eigenschaften.

[jahlives]

Wenn ich versuche über document.getElementById bekomme ich die Meldung Element hat keine Eigenschaften

alert(document.getElementById('d_wrapper').offsetHeight);

Müsste dir die aktuelle Höhe des divs im AlertFenster ausgeben.

Gruss

tobi

[wahsaga]

Re: Höhe eines Layers bestimmen

createAttribute/setAttribute ist im IE übrigens reichlich fehleranfällig.
Besser ist es da fast immer, wenn man die jeweiligen Eigenschaften direkt setzt.

[hasch]

Meinst du die Eigenschaft direkt im Html Code setzen?

[wahsaga]

Nein.
Statt createAttribute() ... und Element.setAttributeNode(Ausrichtung);

einfach Element.attribut = Wert;

[hasch]

Danke, hat super geklappt

[hasch]

Original geschrieben von wahsaga

einfach Element.attribut = Wert;

Vielen Dank für deinen Tipp.
Habe jetzt folgenden Code "daraus" gemacht:

document.getElementById("msg").style = "visibility:visible;";
  document.getElementById("black_layer").style = "width:"+
(window.innerWidth-20)+"px;"+"height:"+vheight+"px;display:block;"; 

Leider wird dann der Layer nur in Opera nagzeigt, habe ich etwas nciht beachtet?

[jahlives]

Müsste das nicht so heissen ?

document.getElementById("msg").style.visibility ="visible"; 

Gruss

tobi

[hasch]

Danke, aber jetzt hat Opera Probleme... und der IE kanns garnicht darstellen, ist das normal?

var vheight = document.getElementById('d_wrapper').offsetHeight 
+ document.getElementById('d_text').offsetHeight;
  document.getElementById("msg").style.visibility = "visible;";
  document.getElementById("black_layer").style.width = (window.innerWidth-20)+"px";
    document.getElementById("black_layer").style.height = vheight+"px";
    document.getElementById("black_layer").style.display = "block"; 

[jahlives]

Weiss jetzt nicht ob das der Fehler ist, aber die Werte welche du mit attribute = wert festlegst, sollten afaik keine ';' am Ende haben. Also 'visible' und nicht 'visible;'

Gruss

tobi

[hasch]

Ja das war auf jeden Fall der fehler in Opera, danke

Leider unterstütztz der IE dies bei mir noch nicht... naja mal schaun...