Konvertierung von Maßeinheiten und -bezügen
sire
- javascript
0 wahsaga
Derzeit grübele ich darüber nach, wie ich ein HTML-Element mit
expliziter Positionierung per CSS in Javascript von relative auf
absolute umschalten kann, ohne daß es im Dokument springt. Natürlich
müssen die Positionsangaben an die neue Bezugseinheit angepaßt werden,
bloß ist bei static und somit auch bei relative prinzipbedingt ziemlich
schwierig vorherzusagen, an welcher Stelle der Browser das Element in
absoluten Koordinaten positionieren wird.
Eine ähnliche Problematik wie die Frage, welche Maße in px z. B. ein
Element hat, dessen Größe im Style mit Prozent angegeben wurde. Die
Antwort auf solche Fragen hängt von vielerlei Faktoren ab, die vom
Skript aus schwer zu erraten sind, aber der Browser kennt das Ergebnis
ohnehin. Es wäre also am einfachsten, ihn direkt zu fragen. Gibt es
dazu irgendwelche Objekteigenschaften oder Methoden, die die gesuchte
Information liefern? Ich habe bislang noch nichts Passendes entdeckt...
hi,
Derzeit grübele ich darüber nach, wie ich ein HTML-Element mit
expliziter Positionierung per CSS in Javascript von relative auf
absolute umschalten kann, ohne daß es im Dokument springt.
Was genau willst du erreichen?
Natürlich
müssen die Positionsangaben an die neue Bezugseinheit angepaßt werden,
bloß ist bei static und somit auch bei relative prinzipbedingt ziemlich
schwierig vorherzusagen, an welcher Stelle der Browser das Element in
absoluten Koordinaten positionieren wird.
offsetLeft, offsetTop, plus der jeweiligen Werte eventueller offsetParents.
Eine ähnliche Problematik wie die Frage, welche Maße in px z. B. ein
Element hat, dessen Größe im Style mit Prozent angegeben wurde. Die
Antwort auf solche Fragen hängt von vielerlei Faktoren ab, die vom
Skript aus schwer zu erraten sind, aber der Browser kennt das Ergebnis
ohnehin. Es wäre also am einfachsten, ihn direkt zu fragen. Gibt es
dazu irgendwelche Objekteigenschaften oder Methoden, die die gesuchte
Information liefern? Ich habe bislang noch nichts Passendes entdeckt...
offsetHeight, offsetWidth.
gruß,
wahsaga