Traumuhren

Ohne das selber zu testen würde ich auf folgenden Sachverhalt tippen:

Die Uhrzeit wird in ein Element mit der ID "clock" geschrieben. Wenn du nun 2mal den selben Code in die Seite einbaust, gibt es keine eindeutige Zuordnung mehr, da das Element dann 2mal existiert.

Heißt für dich: bei der 2. Traumuhr
1) die ID des span-Tags ändern
2) den Verweis auf das Element im JavaScript-Code ändern.

Man könnte auch sinnvollerweise den JavaScript-Teil optimieren und als Funktion z.B. im Head platzieren, damit der ganze Code nicht doppelt geschrieben werden muss. Und um selbst den Funktionsaufruf dann nur 1x durchzuführen, könnte man beide Elemente gleichzeitig aktualisieren.

greez
JoSsiF

Hallo Leute / JoSsiF,
jetzt platzt mir gleich der Schädel.Ich verändere seit Stunden den zweiten
Code. Bisher ohne Erfolg. Ich bekomme es einfach nicht hin. Gibt es hier jemanden, der mir den zweiten Code mal ändert und hier einfügt ? Damit wäre
mir sehr geholfen.

Gruss Nemless

Here we go:

Hallo JoSsiF ,
schönen Dank für Deine schnelle Antwort. Ich habe es natürlich gleich ausprobiert. Leider mit dem selben Ergebnis wie vorher. Ich füge gleich mal den Link zu den Uhren hier ein.

http://www.repage.de/member/nemless/uhrentest.html

Und hier noch den Code.

<P align=center>&nbsp;</P>
<P align=center>&nbsp;</P>
<P align=center>&nbsp;</P><BR><BR>
<DIV style="TEXT-ALIGN: center"><BR></DIV>
<TABLE cellSpacing=2 cellPadding=0 width=350 align=center background=http://www.repage.de/memberdata1/nemless/RoseStripe2.gif>
<TBODY>
<TR height=40>
<TD align=middle background=http://www.repage.de/memberdata1/nemless/TraumuhrFrauSchrift.gif><BR></TD></TR>
<TR>
<TD background=http://www.repage.de/memberdata1/nemless/TraumuhrFrau.gif height=300><BR></TD></TR>
<TR height=40>
<TD align=middle background=http://www.repage.de/memberdata1/nemless/RoseTraumuhrschwarz.jpg><FONT face=Verdana color=#0000ff size=2><SPAN id=clock>
<SCRIPT language=JavaScript>
<!-- Begin
var dayarray=new Array("Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag")
var montharray=new Array("Januar","Februar","Maerz","April","Mai","Juni",
"Juli","August","September","Oktober","November","Dezember")
function getthedate(){
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var hours=mydate.getHours()
var minutes=mydate.getMinutes()
var seconds=mydate.getSeconds()

{
d = new Date();
Time24H = new Date();
Time24H.setTime(d.getTime() + (d.getTimezoneOffset()*60000) + 3600000);
InternetTime = Math.round((Time24H.getHours()*60+Time24H.getMinutes()) / 1.44);
if (InternetTime < 10) InternetTime = '00'+InternetTime;
else if (InternetTime < 100) InternetTime = '0'+InternetTime;
}
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds

//change font size here
var cdate=dayarray[day]+" «» "+daym+". "+montharray[month]+". "+year+" «» "+hours+":"+minutes+":"+seconds
if (document.all)
document.all.clock.innerHTML=cdate
else if (document.getElementById)
document.getElementById("clock").innerHTML=cdate
else
document.write(cdate)
}
if (!document.all&&!document.getElementById)
getthedate()
function goforit(){
if (document.all||document.getElementById)
setInterval("getthedate()",1000)
}
window.onload=goforit
// End -->
</SCRIPT>
</SPAN></FONT><BR></TD></TR></TBODY></TABLE>
<P align=center>&nbsp;</P>
<P align=center>&nbsp;</P>
<P align=center>&nbsp;</P>
<TABLE cellSpacing=2 cellPadding=0 width=350 align=center background=http://www.repage.de/memberdata1/nemless/RoseStripe2.gif>
<TBODY>
<TR height=40>
<TD align=middle background=http://www.repage.de/memberdata1/nemless/RoseTrumuhrSchrift.gif><BR></TD></TR>
<TR>
<TD background=http://www.repage.de/memberdata1/nemless/RoseTraumuhr.gif height=300><BR></TD></TR>
<TR height=40>
<TD align=middle background=http://www.repage.de/memberdata1/nemless/RoseTraumuhrschwarz.jpg><FONT face=Verdana color=#ff0000 size=2><SPAN id=clock2>
<SCRIPT language=JavaScript>
<!-- Begin
var dayarray=new Array("Sonntag","Montag","Dienstag","Mittwoch","Do nnerstag","Freitag","Samstag")
var montharray=new Array("Januar","Februar","Maerz","April","Mai","Ju ni",
"Juli","August","September","Oktober","November"," Dezember")
function getthedate(){
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var hours=mydate.getHours()
var minutes=mydate.getMinutes()
var seconds=mydate.getSeconds()

{
d = new Date();
Time24H = new Date();
Time24H.setTime(d.getTime() + (d.getTimezoneOffset()*60000) + 3600000);
InternetTime = Math.round((Time24H.getHours()*60+Time24H.getMinutes()) / 1.44);
if (InternetTime < 10) InternetTime = '00'+InternetTime;
else if (InternetTime < 100) InternetTime = '0'+InternetTime;
}
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds

//change font size here
var cdate=dayarray[day]+" «» "+daym+". "+montharray[month]+". "+year+" «» "+hours+":"+minutes+":"+seconds
if (document.all)
document.all.clock2.innerHTML=cdate
else if (document.getElementById)
document.getElementById("clock2").innerHTML=cdate
else
document.write(cdate)
}
if (!document.all&&!document.getElementById)
getthedate()
function goforit(){
if (document.all||document.getElementById)
setInterval("getthedate()",1000)
}
window.onload=goforit
// End -->
</SCRIPT>
</SPAN></FONT><BR></TD></TR></TBODY></TABLE>

Hast du vielleicht noch eine Idee ?

Leider mit dem selben Ergebnis wie vorher?? Also das Skript, was ich geändert habe, funktioniert!

Wie schon gesagt: man kommt auch aus, wenn man das Skript 1x einfügt und 2 Zeilen dazuschreibt:

Hallo JoSsiF,
jetzt hat es funktioniert. Ich bedanke mich noch mal bei Dir. Auch für die schnelligkeit der Antworten. Noch eine Äußerung zum Forum. Diese Seite ist echt klasse. Gut, dass es so etwas gibt. Nochmals Danke,speziel an JoSsiF und überhaupt.

Gruss Nemless

Keine Ursache, danke fürs Feedback!