Page 1 of 1
Countdown im Portal
Posted: 3. September 2009 21:59
by 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
Re: Countdown im Portal
Posted: 3. September 2009 22:07
by 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
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}
Re: Countdown im Portal
Posted: 3. September 2009 22:19
by Hansi
oh super das ging echt fix.
danke dir vielmals werds gleich mal testen ^^
Grüsse Hansi
Re: Countdown im Portal
Posted: 3. September 2009 22:22
by 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
Re: Countdown im Portal
Posted: 3. September 2009 23:58
by 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