Seite 1 von 2
Countdown wird nicht angezeigt
Verfasst: 23.03.2010 21:06
von Damian
Hallo Leute,
was mache ich falsch?
Ich habe ein Javascript:
Code: Alles auswählen
<span class="genmed"><script type='text/javascript'>
var end = new Date('April 15, 2010 12:00:00');
function toSt2(n) {
s = '';
if (n < 10) s += '0';
return (s + n).toString();
}
function toSt3(n) {
s = '';
if (n < 10) s += '00';
else if (n < 100) s += '0';
return (s + n).toString();
}
function countdown() {
d = new Date();
count = Math.floor(end.getTime() - d.getTime());
if(count > 0) {
miliseconds = toSt3(count%1000); count = Math.floor(count/1000);
seconds = toSt2(count%60); count = Math.floor(count/60);
minutes = toSt2(count%60); count = Math.floor(count/60);
hours = toSt2(count%24); count = Math.floor(count/24);
days = count;
c1.innerHTML = days + ' TAGE';
c2.innerHTML = hours + ':' + minutes + ':' + seconds + '.' + miliseconds + '';
setTimeout('countdown()', 50);
}
}
</script><body onload='countdown()';><div align=center><SPAN id=c1 style="FONT: bold 30px arial; COLOR:
green;"></SPAN><br><SPAN id=c2 style="FONT: bold 25px arial; COLOR: blue;">;</SPAN>
Das möchte ich neben meinem Logo im Header laufen lassen.
Wenn ich das in den overall_header.html einbaue und ich die overall_header.html Datei direkt im Browser öffne, wird alles richtig angezeigt.
Im meinem Forum wird das Javascript allerdings nicht angezeigt. Cache selbstverständlich vorher gelöscht.
Kann mir jemand helfen?!
Re: Countdown wird nicht angezeigt
Verfasst: 23.03.2010 23:52
von modernist
Wenn du's eingebaut hast und dann z.B. die index.php aufrufst, was sagt dann der
Validator? Ist die Seite valide? Wenn nicht, könnte dort vielleicht der eine oder andere Hinweis liegen.
Re: Countdown wird nicht angezeigt
Verfasst: 24.03.2010 13:19
von Damian
modernist hat geschrieben:Wenn du's eingebaut hast und dann z.B. die index.php aufrufst, was sagt dann der
Validator? Ist die Seite valide? Wenn nicht, könnte dort vielleicht der eine oder andere Hinweis liegen.
Ich habe meine Seite wie empfohlen durch den Validator geschickt. In der Tat bekomme ich viele Fehlermeldungen.
Seltsamerweise, kann ich den Countdown hier:
http://hechtfieber.de/styles/prosilver/ ... eader.html
einwandfrei sehen ?!
Den Code habe ich im overall_header.html so eingebaut, direkt hinter dem Logoaufruf:
Code: Alles auswählen
<div id="site-description">
<p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
<div align="left"><img src="../../../images/Logo2.png" alt="" /></div>
<span class="genmed"><script type='text/javascript'>
var end = new Date('April 15, 2010 12:00:00');
function toSt2(n) {
s = '';
if (n < 10) s += '0';
return (s + n).toString();
}
function toSt3(n) {
s = '';
if (n < 10) s += '00';
else if (n < 100) s += '0';
return (s + n).toString();
}
function countdown() {
d = new Date();
count = Math.floor(end.getTime() - d.getTime());
if(count > 0) {
miliseconds = toSt3(count%1000); count = Math.floor(count/1000);
seconds = toSt2(count%60); count = Math.floor(count/60);
minutes = toSt2(count%60); count = Math.floor(count/60);
hours = toSt2(count%24); count = Math.floor(count/24);
days = count;
c1.innerHTML = days + ' TAGE';
c2.innerHTML = hours + ':' + minutes + ':' + seconds + '.' + miliseconds + '';
setTimeout('countdown()', 50);
}
}
</script><body onload='countdown()'><SPAN id=c1 </SPAN> <SPAN id=c2 style="FONT: bold 25px arial; COLOR: blue;">;</SPAN>
</div>
<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
<div id="search-box">
Was könnte ich ändern, damit es richtig angezeigt wird?
Dankeschön
Re: Countdown wird nicht angezeigt
Verfasst: 24.03.2010 13:43
von modernist
Dein Quelltext ist völliger Murks, du hast zweimal das Body-Tag drin und ein span, was nicht geschlossen ist.
Code: Alles auswählen
<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
<div id="wrap">
<a id="top" name="top" accesskey="t"></a>
<div id="page-header">
<div class="headerbar">
<div class="inner"><span class="corners-top"><span></span></span>
<div id="site-description">
<p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
<div align="left"><img src="../../../images/Logo2.png" alt="" /></div>
<span class="genmed"><script type='text/javascript'>
var end = new Date('April 15, 2010 12:00:00');
function toSt2(n) {
s = '';
if (n < 10) s += '0';
return (s + n).toString();
}
function toSt3(n) {
s = '';
if (n < 10) s += '00';
else if (n < 100) s += '0';
return (s + n).toString();
}
function countdown() {
d = new Date();
count = Math.floor(end.getTime() - d.getTime());
if(count > 0) {
miliseconds = toSt3(count%1000); count = Math.floor(count/1000);
seconds = toSt2(count%60); count = Math.floor(count/60);
minutes = toSt2(count%60); count = Math.floor(count/60);
hours = toSt2(count%24); count = Math.floor(count/24);
days = count;
c1.innerHTML = days + ' TAGE';
c2.innerHTML = hours + ':' + minutes + ':' + seconds + '.' + miliseconds + '';
setTimeout('countdown()', 50);
}
}
</script><body onload='countdown()'><SPAN id=c1 </SPAN> <SPAN id=c2 style="FONT: bold 25px arial; COLOR: blue;">;</SPAN>
</div>
Mach daraus mal
Code: Alles auswählen
<script type='text/javascript'>
var end = new Date('April 15, 2010 12:00:00');
function toSt2(n) {
s = '';
if (n < 10) s += '0';
return (s + n).toString();
}
function toSt3(n) {
s = '';
if (n < 10) s += '00';
else if (n < 100) s += '0';
return (s + n).toString();
}
function countdown() {
d = new Date();
count = Math.floor(end.getTime() - d.getTime());
if(count > 0) {
miliseconds = toSt3(count%1000); count = Math.floor(count/1000);
seconds = toSt2(count%60); count = Math.floor(count/60);
minutes = toSt2(count%60); count = Math.floor(count/60);
hours = toSt2(count%24); count = Math.floor(count/24);
days = count;
c1.innerHTML = days + ' TAGE';
c2.innerHTML = hours + ':' + minutes + ':' + seconds + '.' + miliseconds + '';
setTimeout('countdown()', 50);
}
}
</script>
<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}" onload='countdown()'>
<div id="wrap">
<a id="top" name="top" accesskey="t"></a>
<div id="page-header">
<div class="headerbar">
<div class="inner"><span class="corners-top"><span></span></span>
<div id="site-description">
<p style="display: none;"><a href="#start_here">{L_SKIP}</a></p>
<div align="left"><img src="../../../images/Logo2.png" alt="" /></div>
[color=#FF0000] <span class="genmed"><SPAN id=c1> </SPAN> <SPAN id=c2 style="FONT: bold 25px arial; COLOR: blue;">;</SPAN> [/color]
</div>
Das Script also vor den Body-Bereich setzen und dann noch die rot hervorgehobene Änderung. (Edit: Ach, color innerhalb von code geht nicht...also den Teil mit "color=#FF0000" meine ich!

)
Vielleicht klappt das besser? Ich habe es jetzt nicht ausprobiert.
Was soll eigentlich die ganze Span-Sache zum Schluß des Ausschnitts? Und warum soll ein Semikolon angezeigt werden?
Re: Countdown wird nicht angezeigt
Verfasst: 24.03.2010 18:57
von Damian
Das hat bestens funktioniert!!!!!
Wenn ich Dir das Raubfischangeln beibringen soll, stehe ich zu Diensten
Vieeeelen Dank!
Re: Countdown wird nicht angezeigt
Verfasst: 24.03.2010 19:00
von modernist
Damian hat geschrieben:Wenn ich Dir das Raubfischangeln beibringen soll, stehe ich zu Diensten
Öh, eher nicht, ich esse keine toten Tiere (und auch keine lebendigen)...aber schön, daß es nun klappt.
Re: Countdown wird nicht angezeigt
Verfasst: 24.03.2010 19:25
von Hexcode
Btw. der Counter funktioneirt nicht wenn man auf
http://hechtfieber.de/ ist (aktueller Firefox)
Re: Countdown wird nicht angezeigt
Verfasst: 24.03.2010 19:56
von Damian
Stimmt, mit IE wird alles einwandfrei angezeigt ?!
Das reine Countdown Skript wird allerdings mit Mozilla angezeigt.
Das ist doch zum
Hat jemand eine Idee, was ich noch verändern muss, damit Firefox es auch frisst?
Danke
Re: Countdown wird nicht angezeigt
Verfasst: 24.03.2010 20:10
von Damian
Habe gerade Chrome ausprobiert. Da wird der Countdown auch normal angezeigt

Re: Countdown wird nicht angezeigt
Verfasst: 24.03.2010 20:18
von modernist
Ach, das war mir vorhin gar nicht aufgefallen. Also mal abgesehen von den zig anderen Fehlern, fehlen im relevanten Bereich ein paar Anführungszeichen
Code: Alles auswählen
<div align="right"><span class="Stil2"><span class="Stil6">Müritz</span> <span class="Stil7">nur noch</span></span><span class="genmed"> <SPAN id=c1 style="FONT: bold 24px arial; COLOR: black;"> </SPAN> <SPAN id=c2 style="FONT: bold 15px arial; COLOR: black;"></SPAN>
</div>
Mach daraus mal
Code: Alles auswählen
<div align="right"><span class="Stil2"><span class="Stil6">Müritz</span> <span class="Stil7">nur noch</span></span><span class="genmed"> <SPAN id="c1" style="FONT: bold 24px arial; COLOR: black;"> </SPAN> <SPAN id="c2" style="FONT: bold 15px arial; COLOR: black;"></SPAN>
</div>
Also id="c1" und id="c2"
Ansonsten wären da noch über 80 weitere Fehler zu verbessern:
http://validator.w3.org/check?uri=http% ... or%2F1.767