Sie sind hier: Home > Tricks > Javascript > PopUps mit...

PopUps mit JavaScript

Stand vom 19.06.2003
PopUps sind in JavaScript leicht zu erstellen. In diesem Artikel wird gezeigt, wie Sie PopUps erstellen, diese Aufrufen oder welche Eigenschaften diese haben können.

Fachbegriffe
 Linktipps
 GPS Navigation   Webhosting inkl. Domain für Einsteiger und Profis.   AWD Erfahrung

PopUp's sind mit JavaScript wirklich keine große Schwierigkeit. Die folgenden Funktion öffnet bei Aufruf ein neues Fenster.

<script languange="JavaScript">
<!--
function fenster(){
window.open("http://www.devmag.net","Name","directories=yes,
menubar=yes,status=no,width=450,height=300")
}
//-->
</script>


Die Funktion "fenster()" kann über einen Link wie folgt aufgerufen werden:
<a href="javascript:fenster()">Fenster, öffne dich</a>

Über einen Button geht das wie folgt:

<input type="button" name="name" value="Fenster" onclick="fenster()">

Wie Sie beim JavaScript Code für das PopUp sehen können Sie das Fenster über einige Attribute verändern. Sie können z.B. angeben, ob die Statusbar angezeigt wird, oder nicht usw.
Im folgenden sind die Attribute, die Sie verwenden können, aufgelistet:

directories = "yes/no"
Leiste mit Verzeichnis-Buttons

width=, height=
Höhe und Breite des Anzeigebereiches im neuen Fenster in Pixeln.

location="yes/no"
Eingabefeld zur Eingabe von URL's in den Browser

menubar="yes/no"
Menüleiste des Browsers anzeigen?

resizable ="yes/no"
Fenstergröße veränderbar

scrollbars="yes/no"
Horizontale und vertikale Scrollbars werden bei Bedarf angelegt

status="yes/no"
Statuszeile anzeigen

toolbar="yes/no"
Browser-Leiste mit Vor- und Zurück-Button

(tf)