nicht angemeldet
Wie kann man die Breite eines 100% DIV in px auslesen?
Gegeben sei folgender Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<TITLE>Test</TITLE>
<SCRIPT TYPE="text/javascript">
window.onresize = zeige;
function zeige(){status=document.getElementById("breit").style.width;}
</SCRIPT>
</HEAD>
<BODY>
<TABLE STYLE="width:50%">
<TR><TD><DIV ID="breit" STYLE="width:100%;display:block;background-color:#ff00ff;"></DIV></TD></TR>
</TABLE>
</BODY>
</HTML>
Wenn man jetzt das Fenster grösser/kleiner macht ändert sich logischerweise auch die Breite des DIV, die in der Statusleiste angezeigt wird. Allerdings zeigt mir der Browser "100%" anstatt der Pixel an. Wie kann man die aktuelle Breite in Pixel herausfinden? Der Sinn dahinter ist, daß später ein anderes Script dynamisch wissen muss, wie breit ein Content Area ist (hier: DIV "breit") um einen geCLIPpten Weltkartenausschnitt (Grafik) da genau einzupassen.
Gruß Krischan
-
Hi Krischan,
Gegeben sei folgender Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<TITLE>Test</TITLE>
<SCRIPT TYPE="text/javascript">
window.onresize = zeige;
function zeige(){status=document.getElementById("breit").style.width;}
</SCRIPT>
</HEAD>
<BODY>
<TABLE STYLE="width:50%">
<TR><TD><DIV ID="breit" STYLE="width:100%;display:block;background-color:#ff00ff;"></DIV></TD></TR>
</TABLE><SCRIPT TYPE="text/javascript">
alert(document.getElementById('breit').offsetWidth);
</SCRIPT></BODY>
</HTML>Gruß Gunther
--
Mein SelfCode: fl:( br:& va:) ls:[ fo:| rl:( n4:& ss:| de:] js:| ch:? zu:|
http://www.peter.in-berlin.de/projekte/selfcode/?code=fl%3A(+br%3A%26+va%3A)+ls%3A[+fo%3A|+rl%3A(+n4%3A%26+ss%3A|+de%3A]+js%3A|+ch%3A%3F+zu%3A|-
<SCRIPT TYPE="text/javascript">
alert(document.getElementById('breit').offsetWidth);
</SCRIPT>Ja ist denn heut schon Weihnachten? Genau das hab ich gesucht! Funzt auch prima im IE/Mozilla/Firefox/Opera...
Danke :-)
Gruß Krischan
-