Countdown wird nicht angezeigt

Damian · Beitrag von **Damian** » 23.03.2010 21:06

Hallo Leute,

was mache ich falsch?

Ich habe ein Javascript:

<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?!

Beitrag von **modernist** » 23.03.2010 23:52

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.

Damian · Beitrag von **Damian** » 24.03.2010 13:19

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>&nbsp;<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

Beitrag von **modernist** » 24.03.2010 13:43

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>&nbsp;<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>&nbsp;<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?

Damian · Beitrag von **Damian** » 24.03.2010 18:57

Das hat bestens funktioniert!!!!!
Wenn ich Dir das Raubfischangeln beibringen soll, stehe ich zu Diensten

Vieeeelen Dank!

Beitrag von **modernist** » 24.03.2010 19:00

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.

Hexcode · Beitrag von **Hexcode** » 24.03.2010 19:25

Btw. der Counter funktioneirt nicht wenn man auf http://hechtfieber.de/ ist (aktueller Firefox)

Damian · Beitrag von **Damian** » 24.03.2010 19:56

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

Damian · Beitrag von **Damian** » 24.03.2010 20:10

Habe gerade Chrome ausprobiert. Da wird der Countdown auch normal angezeigt

Beitrag von **modernist** » 24.03.2010 20:18

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&uuml;ritz</span> <span class="Stil7">nur noch</span></span><span class="genmed"> <SPAN id=c1 style="FONT: bold 24px arial; COLOR: black;"> </SPAN>&nbsp;<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&uuml;ritz</span> <span class="Stil7">nur noch</span></span><span class="genmed"> <SPAN id="c1" style="FONT: bold 24px arial; COLOR: black;"> </SPAN>&nbsp;<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

phpBB.de

Countdown wird nicht angezeigt

Countdown wird nicht angezeigt

Re: Countdown wird nicht angezeigt

Re: Countdown wird nicht angezeigt

Re: Countdown wird nicht angezeigt

Re: Countdown wird nicht angezeigt

Re: Countdown wird nicht angezeigt

Re: Countdown wird nicht angezeigt

Re: Countdown wird nicht angezeigt

Re: Countdown wird nicht angezeigt

Re: Countdown wird nicht angezeigt