Startseite  >>>  10 Schritte zum Bau der eigenen Homepage  >>> 9. Schritt
 
9. Schritt: Beispiele für JavaScripts
- Seiten noch attraktiver gestalten -
 
 
Popup-Fenster öffnen
 
Sie kennen das sicher aus Ihren Erfahrungen beim Surfen: Beim Öffnen oder Verlassen der Seite erscheint ein zusätzliches Fenster.
 
 
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 folgender Befehl eingefügt werden (nur das rot markierte):

<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.
 

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>
 
Die grün markierten Bereich können beliebig verändert werden, dass Passwort ist rot markiert. 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)

 
Computer-Uhr in die Seite einbinden

Schreiben Sie folgenden Java-Script in den HEAD einer Seite:

<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 folgendermaßen 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>
 
 
Copyright: T. Seilnacht