StarHTML Weiteres Nützliche JavaScripts

Nützliche JavaScripts


Meldung


<html>
<head>
<script language="JavaScript">
<!--
alert("Kleines Beispiel für JavaScript!!!");
//-->
</script>
</head>
<body>
...
</body>
</html>

Das Beispiel würde ein kleines Fenster öffnen in dem steht: Kleines Beispiel für JavaScript!!!
Probieren Sie es ruhig aus: Kopieren Sie den Quelltext in den Editor, speichern Sie ihn und laden Sie die Seite im Browser.
Sie können den Text auch verändern und auf Ihre Internetseite anpassen, dann werden Ihre Gäste freundlich begrüßt!

2 Frames gleichzeitig ändern


<script language="JavaScript">
<!--
 function ZweiFrames(URL1,F1,URL2,F2)
 {
  parent.frames[F1].location.href=URL1;
  parent.frames[F2].location.href=URL2;
 }
//-->
</script>

Mit diesem Programm können Sie nach dem Klick auf einen Verweis in einem Frameset den Inhalt von zwei Frames gleichzeitig ändern. Fügen Sie es in den head-Teil des Frames mit den Verweisen ein und schreiben Sie die Verweise folgendermaßen um:

<a href="javascript:ZweiFrames('A1',F1,'A2',F2)">Verweistext</a>

Ersetzen Sie A1 durch die Adresse der ersten Datei und F1 durch den Namen des Frames, in dem A1 angezeigt werden soll. Verfahren Sie bei A2 und F2 entsprechend für das zweite Frame.
Den Verweis-Code können Sie beliebig oft in diesem Frame einsetzen, Sie müssen lediglich die Adressen und Frame-Namen jeweils anpassen.

Immer Vollbild


<script language="JavaScript">
<!--
 if(top.frames.length > 0)
 top.location.href=self.location;
//-->
</script>

Dieses Programm verhindert das Anzeigen der Seite, in die es integriert ist, innerhalb eines Framesets. Die Seite wird immer als Vollbild geladen. So können Sie verhindern, dass ihre Homepage innerhalb eines fremden Framesets erscheint.

Zurück-Button


Sie können mit einer kleinen Javscript-Funktion dem Besucher einen Zurück-Button wie in seinem Browser direkt auf der Seite bieten. Dazu setzen Sie einen Verweis, bei dem Sie als Verweisziel einfach javascript:history.back() angeben. Der Benutzer gelangt zur zuletzt aufgerufenen Seite zurück, egal woher er kam.

<a href="javascript:history.back()">Zurück</a>

Vorabladen von Bildern


Wenn Sie eine Einstiegsseite zu Ihrer Homepage haben, und damit rechnen, dass viele Ihrer Besucher auf dieser eine Weile bleiben (beispielsweise um sich Ihren Einführungstext durchzulesen), können Sie auf dieser Seite bereits Bilder Ihrer Homepage im Hintergrund in den Cache des Browsers laden lassen. Dadurch werden die folgenden Seiten dann schneller geladen.

<script language="javascript">
<!--
var bilderliste = ["*","*",...]
var aktuell = 0
function cache() {
  var neuesbild = new Image();
  neuesbild.src = bilderliste[aktuell];
  aktuell++;
  if(aktuell<bilderliste.length) window.setTimeout("cache()",500);
}
// -->
</script>

Dieses Programm kommt in den Head-Teil der Datei. Sie müssen lediglich in der 3. Zeile die Dateinamen der Bilder angeben, die Sie vorab laden möchten. Diese werden durch Anführungszeichen begrenzt und mit Kommas getrennt.
Zusätzlich muss die Option onLoad="cache()" in den body-Tag.


StarHTML Weiteres
JavaScript und Formulare   Ergänzungen und Alternativen zu HTML

Martin Zwirner ©5/2000 EMail Online-Forum