Intern ❘ Inhaltsverzeichnis ❘ Glossar ❘ Bausteine ❘ Linkliste ❘ Tutorials ❘ Kommentare

Thema: JavaScript - Die aktuelle Fenstergröße ermitteln ➧ Artikel anzeigen

Tim schrieb am Sonntag, den 19 November 2017 #1: Hallihallo,
kann man die Fenstergröße (Breite) auch in "Echtzeit" anzeigen lassen?
Das quasi die Pixelzahl sich ändert während ich das Browserfenster mit der Maus auf oder zuziehe?
Ohne Popup oder Alertfenster.

Viele Grüße :-)

Werner schrieb am Sonntag, den 19 November 2017 #2

Ja, das geht zum Beispiel so:

1
2
3
4
5
6
7<span id="xx"></span>

<script>

document.getElementById("xx").innerHTML = "Fenster: " + window.innerWidth + " x " + window.innerHeight;

window.addEventListener("resize", function () {

 document.getElementById("xx").innerHTML = "Fenster: " + window.innerWidth + " x " + window.innerHeight;

});

</script>

Tim schrieb am Sonntag, den 19 November 2017 #3: Spitze!!!!
Das klappt super und genau wie ich mir es vorgestellt habe!
Ich freu mich :-)

Vielen Dank!

Markus ✶✶✶✶✶ schrieb am Freitag, den 27 März 2020 #4: Danke! Genau das was ich gesucht habe!)

Christian ✶✶✶✶✶ schrieb am Sonntag, den 7 Juni 2020 #5: Und ich auch 🙂

Finnley schrieb am Freitag, den 21 Mai 2021 #6: Hallo,

ich habe eine kleine Frage. Kann mir jemand sagen, wie ich (wenn ich die Höhe der Webseite bestimmt habe) dann ein bestimmtes Element mit CSS im <style> diese Höhe geben kann?
Danke schon einmal im Vorraus.

LG Finnley

Werner schrieb am Freitag, den 21 Mai 2021 #7

Hallo, folgendes Beispiel gibt einem DIV-Element die innere Höhe des Fensters:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16<style>

html, body {

 margin: 0px;

}



div#element {

 border: solid 5px red;

}

</style>



<div id="element">Text</div>



<script>

let elementHeight = window.innerHeight;

document.getElementById("element").style.height = elementHeight + "px";

</script>

Finnley schrieb am Freitag, den 21 Mai 2021 #8: Vielen Dank für deine Antwort. Das war genau das, was ich brauche.🙂

Anmelden