[GastForen Programmierung/Entwicklung JavaScript Höhe eines DIVs erkennen wenn dieser inhaltlich geändert wird

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

Höhe eines DIVs erkennen wenn dieser inhaltlich geändert wird

Imion
Beiträge gesamt: 141

3. Feb 2009, 15:00
Beitrag # 1 von 1
Bewertung:
(1164 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo zusammen,

ich versuche gerade die Höhe eines DIVs auszulesen, das funktioniert auch wunderbar. Wenn die Höhe per JavaScript geändert wird wird auch der richtige Wert angezeigt. Wenn ich nun aber den Inhalt des DIVs verändere und dieses deshalb größer wird, bekomme ich eine falsche Höhe angezeigt.
Ich meine mich zu erinnern, dass es dafür auch einen Javascript Befehl gab um die tatsächliche Höhe auszulesen, aber kann mich nicht erinnern.
Hat jemand einen Tip für mich wie ich an die richtige Höhe komme?

Viele Grüße,

Andreas

Code
<html> 
<head>
<title></title>
</head>
<script language="javascript">
function getHeight(){
var myHeight = document.getElementById('myDiv').offsetHeight;
alert(myHeight);
}
function changeHeight(hoehe1){
document.getElementById('myDiv').style.height = hoehe1;
}
function mytext(){
document.getElementById('myDiv').innerHTML = "kldshlh<p>löjdlöj<p>lkyjdglöyjdfgl<p>lkjyfdljlöjödfjö<p>lökjymfamgvmlkyj<p>lkjöyjbxyjöcjöjölk<p>";
}
function tuWas() {
alert("Hallo User!");
}
</script>
<body>
<div id="myDiv" style="height:50px;">
hallo
</div>
<a href="javascript:getHeight();">Hoehe</a> <a href="javascript:changeHeight(100);">Hoehe ändern 100</a> <a href="javascript:changeHeight(200)">Hoehe ändern 200</a> <a href="javascript:mytext()">Text</a>
</body>
</html>

X

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
01.12.2022

Online
Donnerstag, 01. Dez. 2022, 10.00 - 10.45 Uhr

Webinar

Die drei ColorLogic-Programme ZePrA, CoPrA und ColorAnt sind in neuen Versionen mit vielen neuen Funktionen im Jahr 2022 veröffentlich worden oder werden in Kürze veröffentlicht (ColorAnt 9). In unserem ca. 45 minütigen kostenlosen Webinar zeigen wir Ihnen einige dieser neuen Funktionen mit dem Schwerpunkt auf Automatisierung und Produktivitätssteigerungen.

Ja

Organisator: Impressed GmbH

Kontaktinformation: Silvia Noack, E-Mailsnoack AT impressed DOT de

https://www.impressed.de/schulung.php?c=sDetail&sid=311

ColorLogic Update-Webinar ZePrA 10, CoPrA 9 und ColorAnt 9
Veranstaltungen
02.02.2023

Prozesse optimieren und effizient gestalten

Zürich
Donnerstag, 02. Feb. 2023, 08.00 - 10.00 Uhr

Digitalisierung, Webauftritt

Digitalisierung mitgestalten - Worauf kommt es an? Wie wichtig ist die Webseite? Webseite mit Word Press? Interne Prozesse optimieren

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: Birol Isik, E-Mailinfo AT bkcc DOT ch

https://digitalisierung-heute.ch/digitalisierung-informationstag-schweiz/