Größe eines versteckten divs herausbekommen

wuschba · #1 (**permalink**) 30.01.2008, 17:40

Hallo. Ich habe ein div, das mit display:none beim Laden der Seite nicht sichtbar ist. Nun möchte ich gerne die Größe dieses divs herausbekommen. Leider liefert offsetWidth /offsetHeight immer 0, wenn das div nicht wenigstens 1x sichtbar war. Ich muss aber die Größe kennen, BEVOR ich es sichtbar mache, denn davon hängt die Position ab. Mache ich es erst sichtbar und frage dann die Größe ab (dann funktionierts ja), springt das div dann in die neue Position, was ein kurzes, sichtbares Zappeln zur Folge hat - und das will ich auch nicht.

protonenbeschleuniger · #2 (**permalink**) 31.01.2008, 09:20

keine Chance

hemfrie · #3 (**permalink**) 31.01.2008, 10:07

Hab das gerade mal mit jQuery getestet, funktioniert ohne Probleme.

PHP-Code:


			
$(document).ready(function(){
  var div_height = $("#hidden-div").height();
  var div_width = $("#hidden-div").width();
  $("body").append("Breite: "+div_width+" Höhe: "+div_height);
});

siehe: http://xhtmlforum.de/test_docs/jquery/div_abmessung.htm

protonenbeschleuniger · #4 (**permalink**) 31.01.2008, 12:45

Jquery wendet einen Trick an. Es erzeugt einen Klon und setzt dort die Eigenschaft auf visibility:hidden. Nicht schlecht. Allerdings, wenn ich das richtig sehe, wird dieser Klon nie entfernt, d.h. jeder aufruf erzeugt ein neues Element.

hemfrie · #5 (**permalink**) 31.01.2008, 13:26

Wo siehst Du, dass ein Klon angelegt wird? Der Klon müsste doch dann im Dom-Inspektor zu sehen sein oder?

protonenbeschleuniger · #6 (**permalink**) 31.01.2008, 14:12

Ich hab in einer alten Version (1.1.3) geguckt. Die neue verläßt sich auf computedStyle

hemfrie · #7 (**permalink**) 31.01.2008, 14:34

Zitat:

Zitat von protonenbeschleuniger

Ich hab in einer alten Version (1.1.3) geguckt. Die neue verläßt sich auf computedStyle

Ah ok, ich habe für das Beispiel die Version 1.2.2 verwendet. Das erklärt, warum ich keinen Klon gefunden habe. Thx

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Größe des Div's nicht variabel	Korasu	CSS	4	24.06.2009 16:26
Divs mit Rand und dynamischer Größe - Randlinie automatisch anpassen?	img	CSS	8	19.05.2008 20:00
divs in div gleichmäßige größe	cb01	(X)HTML	7	17.02.2008 20:05
Größe eines DIVs beim Resizen bestimmen	NicolaibassDH	Javascript & Ajax	1	10.08.2007 13:32
Dynamisch die Größe eines Divs verändern?	1stmatrix	CSS	8	01.02.2007 14:32