ANWENDUNGSBEISPIEL
Zurück zur Script-Auswahl oder dieses
Script-Archiv laden?
EINBINDUNG DES SCRIPTS IN DEINE HOMEPAGE:
Falls Du das Script-Archiv bereits geladen hast, so brauchst Du jetzt nicht
mehr weiterzulesen. Das Archiv enthält auch diese Beispieldatei
(grussskript.html) und kann deshalb offline durchgesehen werden.
- Das Script besteht nur aus dem Java-Script, das Du an die gewünschte Stelle in den Body-Teil Deiner Seite kopierst.
- Das vorliegende Script kann folgendermaßen aussehen:
<META HTTP-EQUIV="Content-Script-Type" CONTENT="text/javascript">
<script type="text/javascript">
<!-- Start JavaScript -
today = new Date()
if(today.getMinutes() < 10){
pad = "0"}
else
pad = "";
document.write ;if((today.getHours() >=6) && (today.getHours() <=9)){
document.write("Guten Morgen")
}
if((today.getHours() >=10) && (today.getHours() <=11)){
document.write("Guten Morgen! ")
}
if((today.getHours() >=12) && (today.getHours() <=16)){
document.write("Einen schönen Nachmittag wünsche ich!")
}
if((today.getHours() >=17) && (today.getHours() <=23)){document.write("Guten Abend!")
}
if((today.getHours() >=0) && (today.getHours() <=4)){document.write("Sind Sie nicht müde um diese Zeit?")
}
if((today.getHours() >=4) && (today.getHours() <=6)){
document.write("Wow! Sie sind aber früh auf!")
}
// - Ende JavaScript - -->
</script>
Die rotgefärbten Teile veränderst Du wunschgemäß.
- Diese Anzeige ist natürlich völlig unformatiert. Falls Du die Optik aufpeppen willst, kannst Du
das per HTML und CSS machen. Das Script könnte dann so aussehehen:
<script type="text/javascript">
<!-- Start JavaScript -
today = new Date()
if(today.getMinutes() < 10){
pad = "0"}
else
pad = "";
document.write ;if((today.getHours() >=6) && (today.getHours() <=9)){
document.write("<font face='ARIAL,HELVETICA' size=2 style='background-color:#ffff00; color:#dc143c; border-style:solid; border-width:4px; border-color:#ff0000;'><b> Guten Morgen! </b></font>")
}
if((today.getHours() >=10) && (today.getHours() <=11)){
document.write("<font face='ARIAL,HELVETICA' size=2 style='background-color:#ffff00; color:#dc143c; border-style:solid; border-width:4px; border-color:#ff0000;'><b> Guten Morgen! </b></font>")
}
if((today.getHours() >=12) && (today.getHours() <=16)){
document.write("<font face='ARIAL,HELVETICA' size=2 style='background-color:#ffff00; color:#dc143c; border-style:solid; border-width:4px; border-color:#ff0000;'><b> Guten Tag! </b></font>")
}
if((today.getHours() >=17) && (today.getHours() <=23)){document.write("<font face='ARIAL,HELVETICA' size=2 style='background-color:#ffff00; color:#dc143c; border-style:solid; border-width:4px; border-color:#ff0000;'><b> Guten Abend! </b></font>")
}
if((today.getHours() >=0) && (today.getHours() <=4)){document.write("<font face='ARIAL,HELVETICA' size=2 style='background-color:#ffff00; color:#dc143c; border-style:solid; border-width:4px; border-color:#ff0000;'><b> Mach Schluss, es ist spät! </b></font>")
}
if((today.getHours() >=4) && (today.getHours() <=6)){
document.write("<font face='ARIAL,HELVETICA' size=2 style='background-color:#ffff00; color:#dc143c; border-style:solid; border-width:4px; border-color:#ff0000;'><b> Kannst Du nicht schlafen? </b></font>")
}
// - Ende JavaScript - -->
</script>
Auch hier kannst Du die rotgefärbten Teile wunschgemäß verändern.
Keine Ahnung wer das Skript programmiert hat. Die optische Aufbereitung per CSS ist von mir hinzugefügt worden.
Weiteres zu CSS findest Du unter: http://www.bernd-schwalbe.de/indexexperimente.html