Countdown im Portal

[Hansi]

Deine Portal Version: 1.0.0RC3
Typ Deines phpBB Forums: Standard phpBB3
MODs installiert: Nein
Dein Wissensstand: Einsteiger

Was hast Du gemacht, bevor das Problem aufgetreten ist?


Was hast Du bereits versucht um das Problem zu lösen?


Fehlerbeschreibung und Nachricht
hallo zusammen ich bin auf der suche nach einer möglichkeit einen countdown auf dem portal anzeigen zu lassen.
sprich:
.... erscheint in
tage/std/min/sek

und zwar will ich das ganze in einem eigenen block geschehen lassen.
eigene blöcke erstellen ist soweit kein problem, aber wie bekomme ich den counter da rein und in welcher for muss das geschehen, php, java ?
habe schon google und diverse foren durchforstet aber nix hat bis jetzt funktioniert, muss aber auch sagen das ich noch nicht ganz so fit bin ^^
also wenn jemand für mich eine möglichkeit hat wie ich das hinbekomme wäre ich sehr dankbar.

Grüsse Hansi

[cromatics]

hallo,
ich habe das was für dich:

öffne die overall_header

suche:

Code: Select all

<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<div id="search-box">
				<form action="{U_SEARCH}" method="post" id="search">
				<fieldset>
					<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" /> 
					<input class="button2" value="{L_SEARCH}" type="submit" /><br />
					<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
				</fieldset>
				</form>
			</div>
		<!-- ENDIF -->

trage zuvor ein:

Code: Select all

<script language="javascript">
function displayCountdown(){
 document.writeln("<form name='countDown'><div style='width:100%; text-align:center;'><input name='timer' type='text' value='loading...' readonly style='background-color:black; color:red; font-style:italic; /*font-size:xx-small;*/ width:450px; text-align:center; font-family:courier;'></div></form>");
}

function countDown(targetDate){
 today = new Date();
 targetDate = new Date(targetDate);
 targetMS = (targetDate.getTime() - today.getTime()) / 1000;	// Sekunden ETA

//document.writeln(targetDate);
 tage= Math.floor(targetMS / 86400);	// Tage
 targetMS -= ( tage * 86400 );
 stunden = Math.floor (targetMS / 3600);	// Stunden
 targetMS -= ( stunden * 3600 );
 minuten = Math.floor (targetMS / 60);	// Minuten
 sekunden =  Math.floor (targetMS - ( minuten * 60 ) );	// Sekunden

 timer = document.countDown.timer;
 stamp = "Countdown: " +tage+ " Tage, "  +stunden + " Stunden, " +minuten+ " Minuten, " +sekunden+ " Sekunden" ;
 timer.value = stamp;
}

 displayCountdown();
 window.setInterval("countDown('05 31, 2009 13:00:00')", 1000);
</script>

bearbeite in die zeit wo er auf 0 sein soll, hier wäre es am 31.5.2009 13:00 uhr

Code: Select all

'05 31, 2009 13:00:00

wenn du das auch in einen block haben willst, dann würde ich dir den Mittleren empfehlen.
da brauchst du blos den text

Code: Select all

<script language="javascript">
function displayCountdown(){
 document.writeln("<form name='countDown'><div style='width:100%; text-align:center;'><input name='timer' type='text' value='loading...' readonly style='background-color:black; color:red; font-style:italic; /*font-size:xx-small;*/ width:450px; text-align:center; font-family:courier;'></div></form>");
}

function countDown(targetDate){
 today = new Date();
 targetDate = new Date(targetDate);
 targetMS = (targetDate.getTime() - today.getTime()) / 1000;	// Sekunden ETA

//document.writeln(targetDate);
 tage= Math.floor(targetMS / 86400);	// Tage
 targetMS -= ( tage * 86400 );
 stunden = Math.floor (targetMS / 3600);	// Stunden
 targetMS -= ( stunden * 3600 );
 minuten = Math.floor (targetMS / 60);	// Minuten
 sekunden =  Math.floor (targetMS - ( minuten * 60 ) );	// Sekunden

 timer = document.countDown.timer;
 stamp = "Countdown: " +tage+ " Tage, "  +stunden + " Stunden, " +minuten+ " Minuten, " +sekunden+ " Sekunden" ;
 timer.value = stamp;
}

 displayCountdown();
 window.setInterval("countDown('05 31, 2009 13:00:00')", 1000);
</script>

in den block einzufügen zb so:

Code: Select all

{$C_BLOCK_H_L}Countdown{$C_BLOCK_H_R}
<table class="tablebg" cellspacing="1" width="100%">
	<tr class="row1">
		<td style="text-align:center;">
             
<script language="javascript">
function displayCountdown(){
 document.writeln("<form name='countDown'><div style='width:100%; text-align:center;'><input name='timer' type='text' value='loading...' readonly style='background-color:black; color:red; font-style:italic; /*font-size:xx-small;*/ width:450px; text-align:center; font-family:courier;'></div></form>");
}

function countDown(targetDate){
 today = new Date();
 targetDate = new Date(targetDate);
 targetMS = (targetDate.getTime() - today.getTime()) / 1000;	// Sekunden ETA

//document.writeln(targetDate);
 tage= Math.floor(targetMS / 86400);	// Tage
 targetMS -= ( tage * 86400 );
 stunden = Math.floor (targetMS / 3600);	// Stunden
 targetMS -= ( stunden * 3600 );
 minuten = Math.floor (targetMS / 60);	// Minuten
 sekunden =  Math.floor (targetMS - ( minuten * 60 ) );	// Sekunden

 timer = document.countDown.timer;
 stamp = "Countdown: " +tage+ " Tage, "  +stunden + " Stunden, " +minuten+ " Minuten, " +sekunden+ " Sekunden" ;
 timer.value = stamp;
}

 displayCountdown();
 window.setInterval("countDown('05 31, 2009 13:00:00')", 1000);
</script>
</td>
	</tr>
</table>
{$C_BLOCK_F_L}{$C_BLOCK_F_R}

[Hansi]

oh super das ging echt fix.
danke dir vielmals werds gleich mal testen ^^

Grüsse Hansi

[cromatics]

sry, da war ich zu schnell, tu bitte noch mal meinen beitrag lesen, ich habe den mal überarbeitet, mit einen block bespiel,
wenn du aber einen suchst der mehr styl hat da kann ich dir leider nicht weiterhelfen, soweit reichen meinen php und co kenntnisse nicht aus sry

und ja man könnte den code noch in eine ****.php datei unterbringen und über eine html datei einfügen, aber da ich auf arbeit bin und nicht soviel zeit habe, habe ich das erstmal so gemacht auch wenn vielleicht ein paar fehler drin sind sry

[Hansi]

also erstma alles erste sahne funzt einwandfrei.
aussehen alla farbe und schrift sind kein problem.
das bekomm ich schon irgendwie gebacken ^^


nochmals danke
Hansi