Hallo Forum,
ich hab aus dem Internet eine Uhr, welche in HTML und JS geschrieben ist.
Wenn ich das im Typo BE als HTML einbinde und den Code der Uhr via iframe im HTML eingebunden habe, wird die seite total falsch angezeigt. Im Template wird ab der Uhr nichts mehr angezeigt.
Woran kann das liegen?
Das ist der Code für die Uhr:
<html>
<head><title>Uhr</title>
<script type="text/javascript">
<!--
function startuhr() {
var aktiv=window.setInterval("uhr()", 500);
}
var tage = new Array("Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Sonnabend");
var monate = new Array("Januar", "Februar", "Maerz", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember");
function uhr() {
var heut = new Date();
var wota = heut.getDay();
var monat = heut.getMonth();
var jahr = heut.getFullYear();
var tag = heut.getDate();
var h = heut.getHours();
var m = heut.getMinutes();
var s = heut.getSeconds();
document.getElementById("tag").firstChild.data=tage[wota]+", "+tag+". "+monate[monat]+" "+jahr;
h=(h<10)?"0"+h:h;
m=(m<10)?"0"+m:m;
s=(s<10)?"0"+s:s;
document.getElementById("uhr").firstChild.data=h+":"+m+":"+s;
}
// -->
</script>
</head>
<body onload="startuhr()">
<div><span id="tag">ein schöner Tag</span>, <span id="uhr">nette Zeit</span> Uhr</div>
</body>
</html>
Könnt ihr mir helfen?
Gruß,
Manni
Funktioniert ganz hervoragend...
Wie?
So:
Ein File erstellen mit folgendem Inhalt:
function startuhr() {
var aktiv=window.setInterval("uhr()", 500);
}
var tage = new Array("Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Sonnabend");
var monate = new Array("Januar", "Februar", "Maerz", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember");
function uhr() {
var heut = new Date();
var wota = heut.getDay();
var monat = heut.getMonth();
var jahr = heut.getFullYear();
var tag = heut.getDate();
var h = heut.getHours();
var m = heut.getMinutes();
var s = heut.getSeconds();
document.getElementById("tag").firstChild.data=tage[wota]+", "+tag+". "+monate[monat]+" "+jahr;
h=(h<10)?"0"+h:h;
m=(m<10)?"0"+m:m;
s=(s<10)?"0"+s:s;
document.getElementById("uhr").firstChild.data=h+":"+m+":"+s;
}
Abspeichern als uhr.js
Dann Auf der Seite einen Inhalt anlegen vom Typ HTML mit diesem Inhalt:
<div><span id="tag">ein schöner Tag</span>, <span id="uhr">nette Zeit</span> Uhr</div>
Dann das Script in den Ordner fileadmin laden und per TS einbinden, sowie im body laden:
page {
includeJS {
file1 = fileadmin/uhr.js
}
bodyTag = <body onload="startuhr()">
}
Das ganze funktioniert so wie es soll. Wenns dein Layout zerreist liegts nicht am snippet, sondern an einem Fehler in DEINEM HTML oder CSS.
hab nur noch ein paar probleme mit dem aussehen der uhr aber ansich her funktioniert es!
Danke!