Am 14. September 2017 haben wir eine überarbeitete Fassung unserer Datenschutzrichtlinie veröffentlicht. Wenn Sie video2brain.com weiterhin nutzen, erklären Sie sich mit diesem überarbeiteten Dokument einverstanden. Bitte lesen Sie es deshalb sorgfältig durch.

JavaScript Grundkurs

Verschieben und Größe ändern

LinkedIn Learning kostenlos und unverbindlich testen!

Jetzt testen Alle Abonnements anzeigen
Die Methoden resizeBy(), resizeTo(), moveBy() und moveTo() erlauben die Veränderung der Größe und Position eines Browserfensters. Ob sie aber funktionieren, hängt sowohl von den Browsereinstellungen als auch dem konkreten Browser ab.
03:34

Transkript

Sie sehen in diesen Film die Anwendung der Methoden moveBy, moveTo, resizeBy und resizeTo. Wie die Namen deutlich Machen, geht es darum in Fenster zu verschieben, an eine bestimmte Position zu bewegen oder in der Größe zu ändern. Im Prinzip können Sie das mit jedem geöffneten Fenster von einem Browser Machen. Und diese Einschränkung im Prinzip deutet schon an, dass es nicht ganz so trivial ist. Nicht dass die Methoden in irgendeiner Form schwierig sind; moveBy verschieben, um die angegebenen Koordinaten in XY Richtung. MoveTo, linke obere Ecke, geht auf diese Koordinaten Position. ResizeBy , um diese Anzahl der Pixel über die Breite und die Höhe verändert und resizeTo, das gibt eine Zielbreite und Höhe an von diesem Fenster. Soweit ist das eigentlich einfach, nur die meisten Browser unterbinden das mittlerweile. Selbst das zuverlässige Öffnen einer neuen Browserinstanz ist in einigen Browsern nicht möglich, obwohl sich hier Breite und Höhe, also Optionen angeben, machen die trotzdem Tabs auf. Nur wenige, aber auch nicht da ist man nicht ganz auf der sicheren Seite. Wir schauen uns mal an, wie es rein theoretisch sein sollte. Das ist jetzt hier der Inhalt Explorer 9, wenn ich das Fenster öffne und gestate das, ein Popup-Blocker ist im Weg, dann geht das Fenster auf und jetzt bewege ich das Fenster. Ganz offensichtlich funktioniert das. Es ist die relative Verschiebung. Jetzt bin ich auf eine gewisse Zielposition gesprungen. Jetzt ändere ich die Größe immer um einen relativen Wert von der Originalposition aus und jetzt nehme ich eine Zielgröße ein, soweit das möglich ist. Es gibt Beschränkungen, wie klein ein Fenster minimal werden darf. Das ist aber letztendlich, dass wie es sein sollte. Wir schauen uns das gleiche Beispiel mal in einem anderen Browser an. Ich habe jetzt hier den Firefox., mache auch das Fenster auf, klicke hier auf bewegen,bewegen, Größe ändern, Größe ändern uns passiert rein gar nichts. Diese Schlieren spielen keine Rolle, das kam von der Fensterverschiebung eben. Safari hingegen kommt wieder gut zurecht, wie sie sehen. Bei Opera hingegen haben wir schon Schwierigkeiten überhaupt ein neues Fenster eigenständig zu öffnen und das mit bewegen, Größe ändern funktioniert dann zwar, aber das Bewegen nicht und von daher ist das alles sehr sehr eingeschränkter, also das Größe ändern, absolut hat funktioniert, relativ nicht. Es ist wie gesagt nicht ganz konsistent. Zuguterletzt noch Chrome, das sieht widerum gut aus. Letztendlich muss man allerdings wirklich festhalten, dass zu viele Faktoren diese Methoden beeinflussen können, als das man es zuverlässig einsetzen kann. Es wird wirklich in vielen Browsern funktionieren, aber eben in einigen nicht und dann muss man eben auch noch die spezifischen Einstellungen des Anwenders berücksichtigen. Ich würde von diesen Methoden Abstand nehmen, obwohl sie im grunde sehr einfach anzuwenden sind.

JavaScript Grundkurs

Lernen Sie die Möglichkeiten der universellen Sprache JavaScript kennen und machen Sie sich mit der Syntax vertraut, um Ihre Web-Applikationen durch effektive Skripts zu ergänzen.

8 Std. 20 min (134 Videos)
Derzeit sind keine Feedbacks vorhanden...
 

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!