ANWENDUNGSBEISPIEL

---

Zurück zur Script-Auswahl oder dieses Script-Archiv laden?



EINBINDUNG DES SCRIPTS IN DEINE HOMEPAGE:

Das Script bindest Du im Body-Teil an die gewünschte Stelle ein.
Um das Script einfach in Deine HomePage zu bekommen, gehst Du am Besten
folgendermaßen vor:
Du markierst am Bildschirm weiter unten nacheinander die gefärbten Textabschnitte
mit der Maus und stellst sie dann mit Strg-C in die Zwischenablage.

1. Kopiere mit Strg-V den nachfolgenden Meta-Tag in den HEAD-Bereich Deiner HTML-Seite:
<META HTTP-EQUIV="Content-Script-Type" CONTENT="text/javascript">

2. Das nachfolgende Skript kopierst Du in den Body-Bereich.Eine Anpassung ist nicht nötig.
<script type="text/javascript">
<!-- Start JavaScript -
// CREDITS:
// Analog Clock 3.01
// By Peter Gehrig and Urs Dudli
// Copyright (c) 2004 Peter Gehrig and Urs Dudli. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at http://www.24fun.com
// info@24fun.com
// 1/29/2004

// IMPORTANT:
// If you add this script to a script-library or script-archive
// you have to add a highly visible link to
// http://www.24fun.com on the webpage
// where this script will be featured

var clipTop=0
var clipBottom=clipTop+60
var clipLeft
var clipRight
var imgSeconds
var imgMinutes
var imgHours
var imgClock
var textDate
var textDay
var textLink
var clipHours=""
var clipMinutes=""
var clipSeconds=""
var startLeft=7
var startTop=74
var tunePosHour =-2
var heute = new Date()
var dayofweek = heute.getDay()
var datetoday = heute.getDate()
if (dayofweek==0) { dayofweek = "sun" }
else if (dayofweek==1) { dayofweek = "mon" }
else if (dayofweek==2) { dayofweek = "tue" }
else if (dayofweek==3) { dayofweek = "wed" }
else if (dayofweek==4) { dayofweek = "thu" }
else if (dayofweek==5) { dayofweek = "fri" }
else if (dayofweek==6) { dayofweek = "sam" }

var browserinfos=navigator.userAgent
var ie=document.all&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all&&!browserinfos.match(/Opera/)
var opera=browserinfos.match(/Opera/)

function initClock() {
         if (ie) {
                 document.all.roof.style.posLeft=DL_GetElementLeft(document.all.marker);
                 document.all.roof.style.posTop=DL_GetElementTop(document.all.marker);
                 imgSeconds=document.all.imgSeconds.style
                 imgMinutes=document.all.imgMinutes.style
                 imgHours=document.all.imgHours.style
                 imgClock=document.all.imgClock.style
                 textDate=document.all.textDate.style
                 textDay=document.all.textDay.style
                 imgHours.posTop=startTop
                 imgMinutes.posTop=startTop
                 imgSeconds.posTop=startTop
                 textDate.posTop=97
                 textDate.posLeft=64
                 textDay.posTop=97
                 textDay.posLeft=30
                 document.all.textDate.innerHTML=datetoday
                 document.all.textDay.innerHTML=dayofweek
         }
         if (ns6 || opera) {
                 document.getElementById('roof').style.left=DL_GetElementLeft(document.getElementById('marker'));
                 document.getElementById('roof').style.top=DL_GetElementTop(document.getElementById('marker'));
                 imgSeconds=document.getElementById("imgSeconds").style
                 imgMinutes=document.getElementById("imgMinutes").style
                 imgHours=document.getElementById("imgHours").style
                 imgClock=document.getElementById("imgClock").style
                 textDate=document.getElementById("textDate").style
                 textDay=document.getElementById("textDay").style
                 imgHours.top=startTop
                 imgMinutes.top=startTop
                 imgSeconds.top=startTop
                 textDate.top=97
                 textDate.left=64
                 textDay.top=97
                 textDay.left=30
                 document.getElementById("textDate").innerHTML=datetoday
                 document.getElementById("textDay").innerHTML=dayofweek
         }
         imgSeconds.visibility="visible"
         imgMinutes.visibility="visible"
         imgHours.visibility="visible"
         imgClock.visibility="visible"
         textDate.visibility="visible"
         textDay.visibility="visible"
         tick()
}

function tick() {
         var now = new Date()
         var nowHours = now.getHours()
         var nowMinutes = now.getMinutes()
         var nowSeconds = now.getSeconds()
         if (nowHours >= 12) {nowHours=nowHours-12}
         if (ie) {
                 imgHours.posLeft=-(nowHours*60*5+((Math.round(nowMinutes/12))*60)+startLeft+tunePosHour)
                 clipLeft = -(imgHours.posLeft)+25
         }
         if (ns6 || opera) {
                 imgHours.left=-(nowHours*60*5+((Math.round(nowMinutes/12))*60)+startLeft+tunePosHour)
                 clipLeft = -(parseInt(imgHours.left))+25
         }
         clipRight= clipLeft+58
         clipHours ="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")"
         imgHours.clip=clipHours

         if (ie) {
                 imgMinutes.posLeft=-((nowMinutes)*60+startLeft)
                 clipLeft = -(imgMinutes.posLeft)+25
         }
         if (ns6 || opera) {
                 imgMinutes.left=-((nowMinutes)*60+startLeft)
                 clipLeft = -(parseInt(imgMinutes.left))+25
         }
         clipRight= clipLeft+58
         clipMinutes ="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")"
         imgMinutes.clip=clipMinutes

         if (ie) {
                 imgSeconds.posLeft=-((nowSeconds)*60+startLeft)
                 clipLeft = -(imgSeconds.posLeft)+25
         }
         if (ns6 || opera) {
                 imgSeconds.left=-((nowSeconds)*60+startLeft)
                 clipLeft = -(parseInt(imgSeconds.left))+25
         }
         clipRight= clipLeft+58
         clipSeconds ="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")"
         imgSeconds.clip=clipSeconds

         var runClock = setTimeout("tick()", 400);
}

function DL_GetElementLeft(eElement) {
    var nLeftPos = eElement.offsetLeft;
    var eParElement = eElement.offsetParent;
    while (eParElement != null) {
        nLeftPos += eParElement.offsetLeft;
        eParElement = eParElement.offsetParent;
    }
    return nLeftPos;
}

function DL_GetElementTop(eElement) {
    var nTopPos = eElement.offsetTop;
    var eParElement = eElement.offsetParent;
    while (eParElement != null) {
        nTopPos += eParElement.offsetTop;
        eParElement = eParElement.offsetParent;
    }
    return nTopPos;
}
if (ie || ns6 || opera) {
         window.onload=initClock
}
// - Ende JavaScript - -->
</script>

<div id="marker" style="position:relative;overflow:hidden;width:110px;height:208px"></div>
<div id="roof" style="position:absolute;overflow:hidden;width:110px;height:208px">
<div id="imgClock" style="position:absolute;visibility:hidden;"><img width=110 height=208 src="swissclock2.jpg"></div>
<div id="textDate" style="position:absolute;visibility:hidden;width:20px;font-family:Arial;font-size:7pt;"> </div>
<div id="textDay" style="position:absolute;visibility:hidden;width:20px;font-family:Arial;font-size:7pt"> </div>
<div id="imgHours" style="position:absolute;visibility:hidden;overflow:hidden;"><img src="swisshours2.gif"></div>
<div id="imgMinutes" style="position:absolute;visibility:hidden;overflow:hidden;"><img src="swissminutes2.gif"></div>
<div id="imgSeconds" style="position:absolute;visibility:hidden;overflow:hidden;"><img src="swissseconds2.gif"></div>
</div>