Startseite  >>>  10 Schritte zum Bau der eigenen Homepage  >>>  9. Schritt
 
 9. Beispiele für JavaScripts

Auf manchen Webseiten sind kleine Programme aktiv, in die der Nutzer manchmal sogar selbst eingreifen kann. Auch die hier eingebundene Uhr mit der lokalen Computerzeit beruht auf dieser Technologie. JavaScript ist eine Programmiersprache, die von Netscape für die HTML-Sprache und damit für Webseiten eingeführt wurde. Sie ermöglicht die dynamische Gestaltung von Seiten. Die Programmierbefehle werden entweder direkt in die HTML-Seite eingefügt oder aus separaten Dateien bezogen. Man kann die Computeruhr einbinden, wenn dieser Java-Script in den HEAD einer Seite geschrieben wird:

<script language="JavaScript">
//<!--
function Uhr_anzeigen(){
var Datum = new Date()
var std = Datum.getHours()
var min = Datum.getMinutes()
var sec = Datum.getSeconds()
Zeit = ((std < 10) ? " 0" : " ") + std
Zeit += ((min < 10) ? ":0" : ":") + min
Zeit += ((sec < 10) ? ":0" : ":") + sec
Zeit += " Uhr"
document.uhr.zeit.value = Zeit
timerid = setTimeout("Uhr_anzeigen()",1000)
}
//-->
</script>
 
Im BODY wird die Uhr so eingefügt:
 
<form NAME="uhr">
<div align="center"><center><p><input TYPE="text" NAME="zeit" SIZE="13" VALUE> <script LANGUAGE="JavaScript">
//<!--
Uhr_anzeigen();
//-->
</script></p>
</center></div>
</form>
 

 
Popup-Fenster öffnen
 
Beim Öffnen oder Verlassen der Seite erscheint ein zusätzliches Fenster mit Werbung. Popups können sehr sinnvoll eingesetzt werden, so auch zum Vergrößern eines Bildes. Daher gehören die Popups zum gewöhnlichen Alltag im Internet. Das Verwenden von Popupblockern wird nicht empfohlen, da sie einen erheblichen Eingriff in die Funktionalität des Internets darstellen.
 
 
Popup beim Verlassen der Seite (Exit-Popup)

<head>
<script type="text/javascript">function vote() {window.open("werbung.htm","popup",'toolbar=yes,width=550,height=450,location=yes,
status=yes,menubar=no,scrollbars=yes,resizable=1' );}
</script></head>

 
Beim Verlassen einer Seite wird die Datei "werbung.htm" in einem neuen Fenster mit der Pixelgröße 550x450 Pixel angezeigt. Damit es funktioniert, muss in der ersten Zeile des BODY noch dieser Befehl eingefügt werden:

 
<BODY onUnload="vote()">
 
 
Popup beim Öffnen einer Seite (Popup)
 
<script language="javascript">
<!--
function popup()
{popup=open("werbung.htm","popup","width=550,height=450,resizable=yes,toolbar=no,scrollbars=no")}
//-->
</script>

 
Auch hier wird in der ersten BODY-Befehlszeile ergänzt:

 
<BODY onload="popup();">
 
 
Popup-Fenster sind sehr effektive Werbemittel. Manchen Surfern sind sie aber auch ausgesprochen lästig. Sie sollten auf jeden Fall mit Vorsicht eingesetzt werden, wenn es zu Werbezwecken dient.
 
 
Neues Fenster mit einem Hyperlink öffnen

Beim Betätigen eines Links erscheint die Datei  labor.JPG  in einem neuen Fenster (Beispiel). Ein Java-Script wird dazu in den HEAD der Seite kopiert:
 
<SCRIPT language="JavaScript">
<!--
function Fenster(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
//-->
</SCRIPT>
 
Statt der Verknüpfung gibt man bei den Verknüpfungseigenschaften das Rautensymbol # ein (sowie evt. ein angehängtes Ziel) und ergänzt unter  HTML Spezial  diesen Tag:
 
 
onClick="Fenster('labor.JPG','bc','width=320,height=260,resizable=1,left=0,top=0,
screenx=0,screeny=0,resizable=1,channelmode=0,dependent=0,directories=0,
fullscreen=1,location=0,menubar=0,scrollbars=1,status=0,toolbar=0')"
 
 
Der Tag muss in einer Linie geschrieben werden, hier ist er aus Gründen der Übersichtlichkeit in drei Zeilen aufgeteilt. Die Paramater lassen sich mit den Zahlen 0 oder 1 verändern. Neuere Browser erkennen leider nicht mehr alle Parameter und das obwohl dieser Befehl eigentlich zu den Standards gehört. Mit den Parametern kann das Fenster definiert werden:
 
 
width=320,height=260 gibt die Pixelgröße des zu öffnenden Fensters an
left=0 gibt die Randbreite in Pixel vom linken Rand an
top=0 gibt die Randbreite in Pixel vom oberen Rand an
scrollbars=0 schaltet die Laufleisten am Rand aus (einschalten: scrollbars=1), usw.
 
 
Bei den anderen Parametern gibt man 0 oder 1 ein, um die entsprechenden Funktionen ein- oder auszuschalten. Zum Schließen des geöffneten Fensters wird in der Datei  fenster.html  ein Link mit diesem Verweis angelegt:

javascript:onClick=window.close()
 
 
Seite mit einem Passwort schützen

Soll Ihre Seite vor unbefugtem Zugriff mit einem Passwort geschützt werden, fügen Sie in Ihrer Seite folgenden Java-Script ein:

<SCRIPT language="Javascript"><!--
var password = prompt("Geben Sie das Passwort ein!")
if (password == "OK") {
alert("Zugang gewährt!")
location = "zugang.htm"
}
else {
location = "verbot.htm"
}
//--></SCRIPT>
 
Nennen Sie die Datei z.B. "passwort.htm". Geben Sie in Großbuchstaben das richtige Passwort "OK" ein, gelangen Sie auf die Seite "zugang.htm", bei einer Falscheingabe auf "verbot.htm". Sie benötigen insgesamt also 3 Dateien:
 
 
Passwortgeschützte Seite (Link auf passwort.htm)
 
 
Internetseiten mit JavaScript

Auf der Physikseite von Walter Fendt gibt es eine große Auswahl an JavaScripts:
 
http://www.walter-fendt.de
 
Mit dem Programm Anfy kann man Bilder rotieren lassen oder Wasserwellen erzeugen:
 
http://www.anfyteam.com/
 
 
Copyright: T. Seilnacht