Seite 1 von 1

[Frage] Javascript Countdown in php

Verfasst: 14.02.2003 15:36
von Thoman
kann mir jemand sagen wie ich das hinkriege zb in der index_body.tpl das dieses teil mittig dargestellt wird ?
habe es derzeit noch nicht hinbekommen.
wäre für kleinen tipp dankbar.
ps.
gibt es eigentlich echteit countdown mit php ?
oder kennt jemand noch ein besseren ?
bis jetzt isses der einzige der mir zusagt.

Code: Alles auswählen

<SCRIPT type="text/javascript">

var eventdate = new Date ("December 31, 2003");

function toSt(n) {
s = ""
if (n < 10) s += "0"
return s + n.toString();
}

function countdown() {
cl = document.clock;
d = new Date();
count = Math.floor((eventdate.getTime() - d.getTime()) / 1000);

if (count <= 0) {
cl.days.value = "----";
cl.hours.value = "--";
cl.mins.value = "--";
cl.secs.value = "--";
return;
}

cl.secs.value = toSt(count % 60);
count = Math.floor(count / 60);
cl.mins.value = toSt(count % 60);
count = Math.floor(count / 60);
cl.hours.value = toSt(count % 24);
count = Math.floor(count / 24);
cl.days.value = count;

setTimeout ("countdown()", 1000);
}

</SCRIPT>
</head>

<body>
<body onload=countdown()>
<FORM name=clock>
<TABLE border=0 width="236">
<TD width="140">
<p align="right"><font face="Comic Sans MS" color="#FF0000" size="1">Bis Silvester sind es noch:</font></TD>
<TABLE border=0 width="169">
<TBODY>
<TR>
<TD width="73">
<CENTER><font color="#FF0000" size="1">T<font face="Comic Sans MS">age</font></font><font size="1" color="#FF0000">:</font><font size="1">
</font> </CENTER></TD>
<TD width="60">
<CENTER><font color="#FF0000" size="1" face="Comic Sans MS">Stunden: </font> </CENTER></TD>
<TD width="52">
<CENTER><font color="#FF0000" size="1" face="Comic Sans MS">Minuten:</font><font size="1">
</font> </CENTER></TD>
<TD width="68">
<CENTER><font color="#FF0000" size="1" face="Comic Sans MS">Sekunden: </font> </CENTER></TD>
<TR>
<TD width="73">
<CENTER><INPUT size=2 name=days> </CENTER></TD>
<TD width="60">
<CENTER><INPUT size=2 name=hours> </CENTER></TD>
<TD width="52">
<CENTER><INPUT size=2 name=mins> </CENTER></TD>
<TD width="68">
<CENTER><INPUT size=2 name=secs> 
</CENTER></TD></TR></TBODY></TABLE></FORM>

Verfasst: 14.02.2003 20:30
von Thoman
so habs hinbekommen denke sieht ganz gut aus :)
wo ich aber net weiter komme ist zb beim template werden zwar die kästchen dargestellt wo eigentlich die zahlen reingehören.
also kästchen sind leer.
wenn ich mit der maus drauf gehe dann ich kann ich zahlen eintragen
was ist denn verkehrt den code habe ich eigentlich fehlerfrei eingebaut hab so wie er ist für subsilver genommen da klappt das.
kann es evtl an den css datei liegen ?

Zum Forum

Verfasst: 14.02.2003 20:35
von Mister_X
also bei subSilver funktioniert der Countdown bei mir ohne Probleme, wo funktioniert etwas nicht ?

Verfasst: 14.02.2003 20:43
von Thoman
beim classic template....da krieg ichnur die kästchen wo die zahlen drin stehen aber derzeit sind keine drin nur leere felder.
beim fisubsilver bekomme ich obwohl im quelltext bzw im javascript blauer schrift angegeben ist schwarze schrift.
das einzige wo er so funktioniert wie es haben will ist subrebel und subsilver bis jetzt.derzeit habe ich probiert und so eingebaut also etwas verändert im gegensatz zu der original datei

Code: Alles auswählen

<SCRIPT type="text/javascript">

var eventdate = new Date ("December 31, 2003");

function toSt(n) {
s = ""
if (n < 10) s += "0"
return s + n.toString();
}

function countdown() {
cl = document.clock;
d = new Date();
count = Math.floor((eventdate.getTime() - d.getTime()) / 1000);

if (count <= 0) {
cl.days.value = "----";
cl.hours.value = "--";
cl.mins.value = "--";
cl.secs.value = "--";
return;
}

cl.secs.value = toSt(count % 60);
count = Math.floor(count / 60);
cl.mins.value = toSt(count % 60);
count = Math.floor(count / 60);
cl.hours.value = toSt(count % 24);
count = Math.floor(count / 24);
cl.days.value = count;

setTimeout ("countdown()", 1000);
}
</SCRIPT>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1">
<tr>
<td width="37%">&nbsp;</td>
<td width="63%"><body>
<body onload=countdown()>
<FORM name=clock>
<TABLE border=0 width="255" style="border-collapse: collapse" bordercolor="#111111" cellpadding="0" cellspacing="0">
<tr>
<TD width="342">
<p align="center"><font face="Comic Sans MS" color="#0000FF" size="1">Bis
Silvester sind es noch:</font></TD>
</tr>
<TD width="342">
<p align="center">&nbsp;</TD>
<TABLE border=0 width="249" style="border-collapse: collapse" bordercolor="#111111" cellpadding="0" cellspacing="0">
<TBODY>
<TR>
<TD width="104">
<CENTER><font color="#0000FF" size="1" face="Comic Sans MS">Tage:</font><font size="1" color="#0000FF">
</font></CENTER></TD>
<TD width="77">
<CENTER><font color="#0000FF" size="1" face="Comic Sans MS">Stunden: </font> </CENTER></TD>
<TD width="76">
<CENTER><font color="#0000FF" size="1" face="Comic Sans MS">Minuten:</font><font size="1" color="#0000FF">
</font> </CENTER></TD>
<TD width="66">
<CENTER><font color="#0000FF" size="1" face="Comic Sans MS">Sekunden: </font> </CENTER></TD>
<TR>
<TD width="104">
<CENTER><INPUT size=3 name=days> </CENTER></TD>
<TD width="136">
<CENTER><INPUT size=3 name=hours> </CENTER></TD>
<TD width="136">
<CENTER><INPUT size=3 name=mins> </CENTER></TD>
<TD width="82">
<CENTER><INPUT size=3 name=secs>
</CENTER></TD></TR></TBODY></TABLE></FORM>
</td></tr></table>
</font>
</body>
</html>

Verfasst: 14.02.2003 21:11
von Mister_X
baue die Änderungen mal in die index_body.tpl vom classic template ein und gib uns hier nen Link auf die veränderte index_body.tpl

Verfasst: 14.02.2003 22:10
von Thoman
hier die index_body.tpl da funktioniert komischerweise der countdown
CLASSIC INDEX BODY

hier mal ein screen wie es derzeit aussieht im forum mit dem classic template.
[ externes Bild ]

wie geschrieben den selben script habe ich im template subsilver obwohl die schrift blau sein müsste siehts so aus wie auf dem screen.
haben die evtl. ihren eignen stil oder diese css oder anderen dateien die sich "beissen"
FISUBSILVER INDEX BODY

[ externes Bild ]

Verfasst: 15.02.2003 01:08
von Thoman
also an der index_body liegt das weniger da ich bis eben einige verglichen habe mit dem vom classic und alle unterscheiden sich so gut wie garnicht.
zumal das classic index_body.tpl ja geht wenn man den pfad direkt eingibt.