Eigentlich ist es keine große Kunst die Boxgröße eines dynamischen Containers herauszufinden.
Doch da viele das Attribut schlichtweg nicht kennen zeige ich hier wie es funktioniert.
Die Attribute, die der Container (z.B. DIV) zur Verfügung stellt heißen offsetWidth und offsetHeight.
Bei dem Container muss es sich um ein s.g. Blockelement handeln.
'Hinweis:' Die Ränder werden mitgezählt.
== Beispiele: ==
Größe eines dynamischen DIVs herausfinden:
Größe eines halb statisch, halb dynamischen DIVs herausfinden:
== Screenshot ==
easy-coding.de/Attachment/568/…dbc580f6b6f5e1501e4c2290d
Doch da viele das Attribut schlichtweg nicht kennen zeige ich hier wie es funktioniert.
Die Attribute, die der Container (z.B. DIV) zur Verfügung stellt heißen offsetWidth und offsetHeight.
Bei dem Container muss es sich um ein s.g. Blockelement handeln.
'Hinweis:' Die Ränder werden mitgezählt.
== Beispiele: ==
Größe eines dynamischen DIVs herausfinden:
Quellcode
- <div onclick="alert(this.offsetWidth+'x'+this.offsetHeight)">
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
- dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
- Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</div>
Größe eines halb statisch, halb dynamischen DIVs herausfinden:
Quellcode
- <div onclick="alert(this.offsetWidth+'x'+this.offsetHeight)" style="width:400px;border:1px dashed #afafaf">
- Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
- dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
- Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</div>
== Screenshot ==
easy-coding.de/Attachment/568/…dbc580f6b6f5e1501e4c2290d
8.212 mal gelesen