| Anwendbar unter |
|---|
| Microsoft Office FrontPage® 2003 |
Haben Sie sich schon einmal darüber nachgedacht, Ihrer Website ein Popupfenster hinzuzufügen? Möglicherweise hatten Sie die Absicht, einen Hyperlink hinzuzufügen, mit dem die Seite geschlossen oder das aktuelle Datum und die aktuelle Uhrzeit angezeigt werden sollte. Mit JavaScript (JavaScript: Eine Skriptsprache, mit deren Hilfe Funktionen zu einer Webseite oder einer Website hinzugefügt oder die Darstellung einer Webseite bzw. Website aufgewertet werden kann. JavaScript-Skripts können auf jeder Art von Client- oder Servercomputer ausgeführt werden.) können Sie in FrontPage 2003 diese und andere Funktionen hinzufügen.
Was ist JavaScript?
JavaScript ist eine Skriptsprache (Skriptsprache: Eine einfache Programmiersprache zum Ausführen von speziellen oder eingeschränkten Aufgaben, gelegentlich mit einer bestimmten Anwendung oder Funktion verknüpft.), mit der Webseiten interaktive Elemente hinzugefügt werden können. Da JavaScript eine ereignis (Ereignis: Eine von einem Objekt erkannte Aktion, z. B. das Klicken mit der Maus oder das Drücken einer Taste, für die Sie eine Reaktion definieren können. Ein Ereignis kann durch eine Benutzeraktion oder eine Visual Basic-Anweisung eintreten oder vom System ausgelöst werden.)gesteuerte Sprache ist, wird jede Funktion der Sprache durch eine Aktion (das Ereignis) ausgelöst, die der Benutzer ausführt, z. B. Öffnen eines Browserfensters, Klicken auf einen Hyperlink oder Positionieren des Mauszeigers über einer Abbildung.
JavaScript ist darüber hinaus eine clientseitige Skriptsprache, d. h., das Skript wird nicht auf dem Server, sondern auf dem Computer des Benutzers (Client) ausgeführt, wenn der Benutzer eine Aktion ausführt.
Wenn der Benutzer das Ausführen von Skripts auf seinem Computer deaktiviert hat oder einen älteren Browser verwendet, der keine neueren Versionen von JavaScript unterstützt, können einige Skripts nicht richtig auf dem Computer des Benutzers ausgeführt werden. Es wird empfohlen, dass Sie Ihre Skripts immer in mehreren Browsern testen und alternative Hyperlinks oder Funktionen für Besucher anbieten, auf deren Computern JavaScript nicht ausgeführt wird.
In FrontPage 2003 können Sie Ihrer Website JavaScript-Funktionen hinzufügen, ohne viel oder überhaupt etwas über JavaScript zu wissen. Selbstverständlich schadet es nicht, JavaScript zu erlernen, wenn Sie eigene Skripts erstellen und dabei auftretende Probleme beheben möchten oder wenn Sie kostenfreie Skripts von JavaScript-Websites downloaden und in diesen Fehler beheben müssen.
Erstellen eines Popupfensters mit Behaviors in FrontPage 2003
Popupfenster können auf einer Website von großem Nutzen sein. In einem solchen Fenster können Sie z. B. für ein Sonderangebot werben oder einen Hyperlink auf eine Umfrage anzeigen, an der die Benutzer teilnehmen sollen. Popupfenster stellen eine einfache und schnelle Möglichkeit dar, um die Aufmerksamkeit eines Benutzers auf Informationen zu lenken, die er andernfalls übersehen würde.
So fügen Sie ein Popupfenster hinzu, das automatisch geöffnet wird, wenn der Benutzer die Seite anzeigt
- Klicken Sie in der Seitenansicht unten im Dokumentfenster auf Entwurf
.
- Klicken Sie im Menü Format auf Behaviors. Der Aufgabenbereich Behaviors wird geöffnet.
- Klicken Sie im Aufgabenbereich Behaviors auf Einfügen, und klicken Sie dann auf Browserfenster öffnen.
- Führen Sie im Dialogfeld Browserfenster öffnen die folgenden Schritte aus:
- Geben Sie im Feld Gehe zu URL den URL der zu öffnenden Seite ein, oder navigieren Sie dorthin.
- Geben Sie im Feld Fenstername einen Namen für die Seite ein.
Anmerkung Der Name darf keine Leerzeichen enthalten.
- Geben Sie im Feld Fensterbreite die Breite des neuen Fensters in Pixel ein.
- Geben Sie im Feld Fensterhöhe die Höhe des neuen Fensters in Pixel ein.
- Aktivieren Sie unter Attribute die gewünschten Attribute für das neue Fenster, und deaktivieren Sie die Attribute, die das Fenster nicht besitzen soll.
Anmerkung Beim Aktivieren bzw. Deaktivieren der Kontrollkästchen für Attribute legen Sie fest, welche typischen Microsoft Windows-Features das neue Fenster besitzen soll, z. B. Symbolleisten, Bildlaufleisten oder Ziehpunkte zur Größenänderung.
- Klicken Sie auf OK.
So fügen Sie ein Popupfenster hinzu, das geöffnet wird, wenn der Benutzer auf einen Hyperlink klickt
- Klicken Sie in der Seitenansicht unten im Dokumentfenster auf Entwurf .
- Klicken Sie im Menü Format auf Behaviors. Der Aufgabenbereich Behaviors wird geöffnet.
- Wählen Sie auf der Seite das Seitenelement aus, z. B. Text oder eine Grafik, das Sie bearbeiten möchten.
- Klicken Sie im Menü Einfügen auf Hyperlink.
- Geben Sie im Dialogfeld Hyperlink einfügen im Feld Adresse den URL der zu öffnenden Seite ein, und ersetzen Sie dabei http:// durch javascript://.
- Klicken Sie auf OK.
- Klicken Sie im Aufgabenbereich Behaviors auf Einfügen, und klicken Sie dann auf Browserfenster öffnen.
- Führen Sie im Dialogfeld Browserfenster öffnen die folgenden Schritte aus:
- Geben Sie im Feld Gehe zu URL den URL der zu öffnenden Seite ein.
- Geben Sie im Feld Fenstername einen Namen für die Seite ein.
Anmerkung Der Name darf keine Leerzeichen enthalten.
- Geben Sie im Feld Fensterbreite die Breite des neuen Fensters in Pixel ein.
- Geben Sie im Feld Fensterhöhe die Höhe des neuen Fensters in Pixel ein.
- Aktivieren Sie unter Attribute die gewünschten Attribute für das neue Fenster, und deaktivieren Sie die Attribute, die das Fenster nicht besitzen soll.
Anmerkung Beim Aktivieren bzw. Deaktivieren der Kontrollkästchen für Attribute legen Sie fest, welche typischen Microsoft Windows-Features das neue Fenster besitzen soll, z. B. Symbolleisten, Bildlaufleisten oder Ziehpunkte zur Größenänderung.
- Klicken Sie auf OK.
- Zeigen Sie im Aufgabenbereich Behaviors unter Ereignisse auf das Standardereignis, klicken Sie auf den Pfeil, und klicken Sie dann auf onclick.
So ändern Sie das Erscheinungsbild eines Popupfensters
- Klicken Sie in der Seitenansicht unten im Dokumentfenster auf Entwurf .
- Klicken Sie im Menü Format auf Behaviors. Der Aufgabenbereich Behaviors wird geöffnet.
- Doppelklicken Sie unter Aktionen auf die Zeile mit dem Text Browserfenster öffnen.
- Nehmen Sie die gewünschten Änderungen vor, und klicken Sie auf OK.
Einfügen eines benutzerdefinierten Skripts zum Schließen eines Fensters in die Bibliothek für Codeausschnitte
In einem Browserfenster gibt es häufig einen Hyperlink, mit dem der Benutzer das Fenster schnell und einfach schließen kann. Dazu muss nur eine Zeile JavaScript in den Hyperlink eingefügt werden, der das Fenster beim Klicken schließen soll.
Wenn Sie ein Skript immer wieder verwenden, möchten Sie es möglicherweise in Ihrer Bibliothek für Codeausschnitte speichern. Auf diese Weise müssen Sie das Skript nicht jedes Mal neu eingeben, sondern können es einfügen, indem Sie STRG+EINGABETASTE drücken und das Skript in der Liste auswählen.
Das folgende Codebeispiel veranschaulicht, wie ein Codeausschnitt zum Schließen eines Browserfensters erstellt und wie dieser Ausschnitt auf einer Seite in der Bibliothek für Codeausschnitte eingefügt wird.
So erstellen Sie einen Codeausschnitt zum Schließen eines Fensters
- Kopieren Sie die folgende Codezeile einschließlich
<a und /a>, indem Sie die Zeile markieren und dann STRG+C drücken.<a href="javascript:window.close();">Close Window</a>
- Klicken Sie im Menü Extras auf Seitenoptionen, und klicken Sie dann auf die Registerkarte Codeausschnitte.
- Klicken Sie auf Hinzufügen.
- Geben Sie im Feld Stichwort die Zeichenfolge closeWindow ein.
- Geben Sie im Feld Beschreibung die Zeichenfolge Skript zum Schließen eines Fensters ein.
- Fügen Sie im Feld Text den in Schritt 1 kopierten Text ein, indem Sie STRG+V drücken.
- Klicken Sie auf OK.
So fügen Sie einen Codeausschnitt zum Schließen eines Fensters in einer Seite ein
- Klicken Sie in der Seitenansicht unten im Dokumentfenster auf Code
.
- Setzen Sie die Einfügemarke an die Stelle, an der Sie den Codeausschnitt einfügen möchten.
- Drücken Sie STRG+EINGABETASTE.
- Wählen Sie in der Liste Skript zum Schließen eines Fensters aus, und drücken Sie die EINGABETASTE.
Einfügen des aktuellen Datums und der aktuellen Uhrzeit durch Kopieren und Einfügen von JavaScript
Wenn Sie Kenntnisse in JavaScript besitzen, können Sie benutzerdefinierte Funktionen entwickeln, mit denen Sie Ihre Website aufpeppen können. Aber auch wenn Sie sich mit JavaScript nicht auskennen, können Sie die Kenntnisse anderer nutzen, indem Sie deren Code einfach kopieren und auf Ihrer Webseite einfügen.
Viele JavaScript-Entwickler stellen Ihre Skripts kostenlos im Internet zur Verfügung. Wenn Sie sich einen Überblick über die Vielzahl der verfügbaren Skripts verschaffen möchten, müssen Sie nur die von Ihnen bevorzugte Suchmaschine öffnen und im Suchfeld Javascript kostenlos oder Javascript kopieren und einfügen eingeben. Dabei werden Sie auf Hunderte von kostenlosen Skripts stoßen, mit denen Sie Ihrer Webseite interaktive Elemente hinzufügen können.
Die meisten Skripts bestehen aus zwei Teilen: der Funktion und dem Funktionsaufruf. Die Funktion steht i. d. R. zwischen den Tags <head> und </head>. Der Aufruf des Skripts befindet sich irgendwo zwischen den Tags <body> und </body>. In den Anweisungen, die Sie zu den meisten Skripts erhalten, erfahren Sie, wo Codeabschnitte platziert werden müssen, damit sie auf Ihrer Seite ordnungsgemäß funktionieren.
Das folgende Beispiel veranschaulicht, wie auf einer Webseite das aktuelle Datum und die aktuelle Uhrzeit angezeigt werden können, indem der Codeabschnitt kopiert und an der entsprechenden Stelle auf der Webseite eingefügt wird.
So zeigen Sie auf einer Webseite das aktuelle Datum und die aktuelle Uhrzeit an
- Klicken Sie in der Seitenansicht unten im Dokumentfenster auf Code .
- Kopieren Sie die folgenden Codezeilen, indem Sie sie markieren und STRG+C drücken.
<script language="javascript">
function datetime(){
var datetime = new Date()
var hr = datetime.getHours()
var min = datetime.getMinutes()
var mon = datetime.getMonth()
var monNames = new Array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December");
var day = datetime.getDate()
var year = datetime.getFullYear()
if(hr < 10){
hr = " " + hr
}
if(min < 10){
min = "0" + min
}
if (hr > 12)
{
hr = hr - 12;
}
document.datetime.digits.value = hr + ":" + min + " " + monNames[mon] + " " + day + "," + " " + year
setTimeout("datetime()", 1000)
}
</script>
- Platzieren Sie die Einfügemarke in FrontPage am Anfang des HTML-Dokuments zwischen den Tags
<head> und </head>, und fügen Sie den soeben kopierten Code durch Drücken von STRG+V ein.
- Kopieren Sie den folgenden Text.
<body onload="datetime()">
- Markieren Sie in FrontPage das Tag
<body>, und ersetzen Sie es durch die soeben kopierte Zeile, indem Sie STRG+V drücken.
- Kopieren Sie den folgenden Text.
<FORM name="datetime">
<INPUT type="text" name="digits"
size=25 maxlength=25 value="Loading">
</FORM>
- Platzieren Sie die Einfügemarke an der Stelle, an der das aktuelle Datum und die aktuelle Uhrzeit angezeigt werden sollen, und fügen Sie den soeben kopierten Code durch Drücken von STRG+V ein.
- Klicken Sie im Menü Datei auf Speichern.
- Zum Testen der Seite klicken Sie im Menü Datei auf Browservorschau.
Anmerkung Wenn Skripts auf Ihrem Computer deaktiviert sind, werden Datum und Uhrzeit nicht ordnungsgemäß angezeigt.
Anmerkung Wenn Sie die neuesten Microsoft Internet Explorer-Sicherheitsupdates installiert haben, wird u. U. eine Warnung angezeigt. Damit Datum und Uhrzeit angezeigt werden können, klicken Sie auf die gelbe Internet Explorer-Informationsleiste und klicken dann auf Geblockte Inhalte zulassen. Klicken Sie im Dialogfeld Sicherheitswarnung auf Ja.
Weitere Informationen
Im Internet finden Sie eine Vielzahl von JavaScript-Ressourcen wie kostenlose Skripts, Beispiele und Lernprogramme. Das Feld Siehe auch enthält einige Hyperlinks, über die Sie auf zusätzliche Ressource zugreifen, JavaScript erlernen und Ihrer Website interaktive Elemente hinzufügen können.
Deutschland
Druckversion
Freigabe
Alle ausblenden
