fenster-oeffnen - Scripte, Animationen, Templates und Tipps für WebsiteX5 -

F11 für Vollbildmodus EIN/AUS
04.03.2024
 • 
Direkt zum Seiteninhalt

fenster-oeffnen

Themenseiten

window.open() und window.close()

Ein kleineres Fenster mittels Button öffnen und schließen.

Dieses kleine Script gibt Ihnen die Möglichkeit, ein kleineres Fenster mittels Buttons, die Sie in Farbe, Schriftfont und-größe an Ihre Seite anpassen können.
Das Script enthält sowohl den CSS-Code als auch Javascript-Befehle, die Sie im Inklusiv-Objekt „J HTML-Code“ verwenden können. Laden Sie das Script herunter (txt-Datei), kopieren den Inhalt der Datei und fügen es in das Zusatz-Objekt, dass Sie vorher in Ihre Seite gezogen und platziert haben, ein.

Nun müssen Sie noch eine kleine Änderung (außer der Anpassung an Font-Farbe, -Größe etc.) durchführen, denn Sie wollen ja eine andere Seite, die Sie zuvor selbst erstellt haben, in einem neuen, kleineren Browser-Fenster anzeigen. Also müssen Sie noch die URL zu Ihrer Seite, die Größe des Fensters und die Position der oberen linken Ecke des Fensters bearbeiten:

<script>
 let myWindow;
 function openWin() {
 myWindow = window.open("https://www.ihr-domainname.de/ihr-ordner/ihr-dateiname.html",   target="_blank",config='width=280,height=290,left=300,top=120,toolbar=no,status=no');
} ...

Das war schon alles, um das Script nutzen zu können.
Die CSS Befehle zu Beginn des Schriptes sind ausreichend kommentiert, um Ihre Auswirkungen zu verstehen.

Haben Sie nun das Script in Ihrer Website eingefügt, klickt Ihr Besucher nur noch auf den Button „anzeigen“ und das Fenster öffnet sich. Klickt Ihr Besucher auf „ausblenden“ wird das Fenster geschlossen.

Sie können sich das Script im sich öffnenden Fenster herunterladen:

window.open() und window.close()
Klicken Sie, um ein weiteres Fenster zu öffnen auf
“anzeigen“ und zum schließen des Fensters
auf “ausblenden“. In diesem neuen Fenster
finden Sie auch den Download für das Script.

J
Erstellt: 23.07.2023
Revision: 00 vom 23.07.2023 Erstellung der Seite und Script
website security
Letzte Aktualisierung: 04.03.2024
internet-abc.de   /
für Kinder, Lehrkräfte und Eltern
Zurück zum Seiteninhalt