neues Fenster öffnen

Einfache Funktion um ein kleines Fenster mit Inhalt zu öffnen.

Sehr oft sieht man es, das sich ein kleines neues Fenster öffnet wenn man auf einen Button oder einen Link klickt. Manchmal einfach zum Öffnen eines Infofeldes oder eines Fotos in einer besseren Auflösung. Ganz egal, auch ich habe diese Funktion schon oft gebraucht. Zuletzt als Funktion einer Druckvoschau. Der Code ist relativ einfach.

Dieser Code muss innerhalb des Headers (<head> ... hier her ... </head>):

<script type="text/javascript">
<!--

  function neuesFenster(ziel,titel) { 
    Fenster = window.open(ziel, titel, "width=600,height=300");
    Fenster.focus();
    }

//-->
</script>

Die Atribute "width" und "height" können natürlich angepasst werden. Wie der Name schon sagt kann hier die Fenstergröße eingestellt werden.

Und das auf die eignetliche Seite:

<a href="#" onClick="neuesFenster('testseite1.htm','testseite')">Fenster 1 öffnen</a>
<br /><br />
<a href="#" onClick="neuesFenster('testseite2.htm','testseite')">Fenster 2 öffnen</a>

Ich habe hier bewusst 2 Links angeführ, um zu zeigen das es mit der Funktion möglich ist unterschiedliche Fenster zu öffnen.

Demo ansehen

  • Dienstag, 21 Juni 2011

Kommentare (0)

Bitte Kommentar schreiben

Bitte einloggen, um einen Kommentar zu schreiben.