JavaScript - Neues Fenster öffnen

Diese Funktion öffnet bei einem Klick auf dem Link ein neues Fenster. Die Größe der Fenster kann im Link angegeben werden. Optional kann eine anderen Name vergeben werden, dann öffnet sich immer ein neues Fenster.


<script>

// Neues Fenster öffnen
function fenster(urlfWidthfHeightfName) {
 var 
fLeft = (screen.width fWidth) / 2;
 var 
fTop = (screen.height fHeight) / 2;
 var 
param 'width=' fWidth ', height=' fHeight +
 
', top=' fTop ', left=' fLeft +
 
', directories=no' +
 
', location=no' +
 
', menubar=no' +
 
', resizable=no' +
 
', scrollbars=yes' +
 
', toolbar=yes';
 var 
fWin=window.open(urlfNameparam);
 if (
window.focusfWin.focus();
}
</
script>


<
a href="javascript:fenster('http://www.nof-tutorials.com/', 750, 550, 'Tommy')">nof-tutorials.com</a> - 
<
a href="javascript:fenster('https://werner-zenk.de/', 150, 650, 'Werner')">werner-zenk.de</a>

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<dl> Definitionsliste

CSS - Nur gefüllte Tabellenzellen hervorheben

PHP - Monatlich wechselnder Text

JavaScript - Element ein- und ausblenden

MySQL - Zufällige Datensätze auslesen

Grafiken mit Größenangabe
Um lange Wartezeiten beim Aufbau einer HTML-Seite zu vermeiden muss man die Größe einer vorhandenen Grafik mitangeben. Durch diese Angabe kann der Browser für die Grafik den Platz reservieren und kann den Rest der Seite laden, ohne auf das Downloaden der kompletten Grafik zu warten.
<img src="bild.gif" height="Höhe des Bildes in Pixeln" width="Breite des Bildes">
Verwenden Sie niemals die Attribute WIDTH und HEIGHT, um die Größe einer Grafik in HTML zu ändern. Wenn andere Größen benötigt werden, dann erstellen Sie dafür eine kleinere beziehungsweise größere Version der Grafik.