Countdown op clubsite plaatsen

De Klever · 18 jan 2006

http://club.hattrick.org/Cle_Vens/default.asp

Dit is de site die ik heb gemaakt aan de hand van mijn team in het spel hattrick.

Ik probeer de site steeds uit te breiden. Ik heb bijvoorbeeld al een poll met plaatjes over de World Cup 2006. Nu wil ik graag ook een countdown teller die aftelt tot het moment dat het WK begint.

Weet iemand hoe ik dit moet doen? Ik heb al met javascript wat geprobeerd, maar ik heb het idee dat dit niet werkt op deze site..

Alvast bedankt!

jeroendenoot · 18 jan 2006

Er zijn talloze countdowns in JavaScript geschreven, en ik kan me bijna niet voorstellen dat er niet één is die werkt op jouw site. Probeer eens de Countdown Creator. je vult gewoon een datum in en je krijgt dan in het vak eronder de JavaScript code. Volg de stappen in de code en klaar is de Countdown

.

dropl · 19 jan 2006

Ik geloof dat ik em nog niet helemaal correct heb en zeker de datum niet want ik ben niet zo van de voetbal, maar misschien kan je hier iets mee:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<script language="JavaScript" type="text/javascript">

</script>

</head>
<body onload='setInterval("countdown()", 1000);'>
<div id="datum">
</div>
</body>
</html>

Egel · 19 jan 2006

Geïnspireerd door de vorige reactie:

Code:

<html>
 <head>
  <title>Aftellen naar 9 juni 2006 18:00'00&quot;</title>
  <script language="JavaScript">
   <!--
    var start = new Date(2006,5,9,18,0,0);
    function n(x) { return (x < 10 ? '0' : '') + x;};
    function aftellen() {
     var nu = new Date();
     var t = Math.floor((start.getTime() - nu.getTime()) / 1000);
     var s = t % 60; t = Math.floor(t/60);
     var m = t % 60; t = Math.floor(t/60);
     var u = t % 24; t = Math.floor(t/24);
     document.getElementById('teller').innerHTML = t + ' dag' + (t == 1 ? ' ' : 'en ') + n(u) + ':' + n(m) + '\'' + n(s) + '&quot;';
     };
   //-->
  </script>
 </head>
 <body onload="setInterval('aftellen()',1000);">
  <span id="teller" style="font-family: Courier New; font-size: 13px;"></span>
 </body>
</html>

Zie bijlage.

Het geeft een klok die er zo uiziet:
141 dagen 06:35'04"
1 dag 21:08'23"
0 dagen 00:04'12"

Met de style in de span kun je nog lettertype en -grootte aanpassen. Het telt af naar 9 juni 18 uur: de eerste wedstrijd.

Vr.Gr. Egel.

De Klever · 19 jan 2006

Ik heb je stukje tekst eerst geprobeerd te kopieren naar kladblok daarna opslaan als html en heb gezien dat het werkt. Toen ben ik mijn site gegaan.
Ik kan daar kiezen voor vrije pagina en vervolgens voor htmlinvoer. Ik heb daar je code gekopieerd en geplakt. Als ik hem hierna opsla zie ik niets..

Ik snap er niks van.. Kan het zijn dat de site deze html niet ondersteunt?

De Klever · 19 jan 2006

Het vorige berichtje was bedoeld naar Egel.

Jeroen de Noot: ik heb de countdowncreator ook geprobeerd, maar de vakjes blijven leeg ipv dat de dagen en maanden er staan..

jeroendenoot · 19 jan 2006

Kun je ook proberen het bestand dat werkt te uploaden? Of gaat dat niet? En bij welke host heb je jouw website?

Egel · 19 jan 2006

Het bevat drie elementen.

Het script plak je voor de </head> tag:

Code:

  <script language="JavaScript">
   <!--
    var start = new Date(2006,5,9,18,0,0);
    function n(x) { return (x < 10 ? '0' : '') + x;};
    function aftellen() {
     var nu = new Date();
     var t = Math.floor((start.getTime() - nu.getTime()) / 1000);
     var s = t % 60; t = Math.floor(t/60);
     var m = t % 60; t = Math.floor(t/60);
     var u = t % 24; t = Math.floor(t/24);
     document.getElementById('teller').innerHTML = t + ' dag' + (t == 1 ? ' ' : 'en ') + n(u) + ':' + n(m) + '\'' + n(s) + '&quot;';
     };
   //-->
  </script>

Aan de <body> tag voeg je de onload toe:

Code:

<body class="main" onload="setInterval('aftellen()',1000);">

En de span zet je op de plek waar je het klokje wilt hebben:

Code:

<span id="teller" style="font-family: Courier New; font-size: 13px;">0 dagen 00:00'00&quot;</span>

Het laatste is een beetje lastig in de broncode maar het zou wel moeten werken.

Ik heb 0 dagen 00:00'00" toegevoegd zodat je het klokje ziet staan ook als die nog niet loopt.

Vr.Gr. Egel.

De Klever · 19 jan 2006

Op dezelfde site host ik ook mijn bestanden.
Het probleem is dat je alleen afbeeldingen kan uploaden via het clubhuis..

Egel: Ik heb precies gedaan wat jij zei:

<head> jouw code </head>
<body> onload </body>

Het enige wat het wel doet is de span... Alleen loopt hij dus niet..!

Vervelend, maar ik krijg het dus niet aan de praat zo..

dimitri10011 · 20 jan 2006

wat je moet doen is <body> weg halen en op die plaats

Code:

<body class="main" onload="setInterval('aftellen()',1000);">

De Klever · 20 jan 2006

Bedankt voor de tip... maar het werkt nog steeds niet. Ik zie alleen de klok, maar die loopt niet. De HTML editor onthoudt niet wat ik heb ingevoerd onder <head></head>.
Ook de body onload wordt niet onthouden volgens mij.

Egel · 20 jan 2006

Kun je wel een .js file uploaden?

Zo ja, zet dan aftellen.js (2e bijlage) op je site en plaats in de pagina
<script language="JavaScript" src="aftellen.js"></script>
op de plek waar je de klok wilt hebben.

Code:

/*
   Aftellen naar 9 juni 2006 18:00'00" - Egel 060120

   Plaats
   <script language="JavaScript" src="aftellen.js"></script>
   in de pagina, op de plek waar je de klok wilt hebben.

*/


var startDatum = new Date(2006,5,9,18,0,0);

function aftellen() {
 function n(x) { return (x < 10 ? '0' : '') + x;};
 var nu = new Date();
 var t = Math.floor((startDatum.getTime() - nu.getTime()) / 1000);
 var s = t % 60; t = Math.floor(t/60);
 var m = t % 60; t = Math.floor(t/60);
 var u = t % 24; t = Math.floor(t/24);
 document.getElementById('teller').innerHTML = t + ' dag' + (t == 1 ? ' ' : 'en ') + n(u) + ':' + n(m) + '\'' + n(s) + '&quot;';
 };

function startAftellen() { setInterval('aftellen()',1000);};

document.write('<span id="teller" style="font-family: Courier New; font-size: 13px;">0 dagen 00:00\'00&quot;</span>');

window.onload = startAftellen;

Hopelijk lukt het zo,

Egel.

De Klever · 20 jan 2006

Ik kan alleen maar jpeg, png en gif files hosten... Ik denk dat het niet gaat lukken!

Egel · 20 jan 2006

De Klever zei:
Ik kan alleen maar jpeg, png en gif files hosten... Ik denk dat het niet gaat lukken!

Balen! Je zou nog:

Code:

<script language="JavaScript">
var startDatum = new Date(2006,5,9,18,0,0);

function aftellen() {
 function n(x) { return (x < 10 ? '0' : '') + x;};
 var nu = new Date();
 var t = Math.floor((startDatum.getTime() - nu.getTime()) / 1000);
 var s = t % 60; t = Math.floor(t/60);
 var m = t % 60; t = Math.floor(t/60);
 var u = t % 24; t = Math.floor(t/24);
 document.getElementById('teller').innerHTML = t + ' dag' + (t == 1 ? ' ' : 'en ') + n(u) + ':' + n(m) + '\'' + n(s) + '&quot;';
 };

function startAftellen() { setInterval('aftellen()',1000);};

document.write('<span id="teller" style="font-family: Courier New; font-size: 13px;">0 dagen 00:00\'00&quot;</span>');

window.onload = startAftellen;
</script>

kunnen proberen in te voegen op de plek waar je de klok wilt hebben. Maar als je HTML editor geen scripts wil invoegen lukt dat ook niet.

Dan weet ik het helaas niet meer.

Vr.Gr. Egel.

De Klever · 20 jan 2006

Ik bedank je voor je hulp. Ik heb een mailtje gestuurd naar het Clubhouse-support en het volgende antwoord gekregen:

That is javascript and is not supported in the clubhouse due to security reasons.

al de moeite voor niks gedaan dus..

In ieder geval toch bedankt,

groeten..

jeroendenoot · 20 jan 2006

Je zou het misschien met flash kunnen proberen (volgens mij kan dat), maar daar heb ik totaal geen verstand van.

Egel · 21 jan 2006

ik vond er één via Google op http://www.jracademy.com/~jtucek/flash.html

Die werkt prima maar dan moet je wel .swf en .txt files kunnen hosten.

Een iframe in je source plaatsen, lukt dat wel? Want dan kun je
<iframe src="opeenhomepage/aftellen.html" width="160" height=24" ........></iframe>
gebruiken. Maar ik vrees dat dat ook geblokkeerd is.

Vr.Gr. Egel.

johnnyboy · 22 jan 2006

kijk es op http://www.leejoo.nl/

en dan onder countdown

jeroendenoot · 22 jan 2006

johnnyboy zei:
kijk es op http://www.leejoo.nl/

en dan onder countdown

Als hij toch geen JavaScript kan plaatsen hoeft hij daar ook niet te kijken.

Countdown op clubsite plaatsen

Gebruiker

Terugkerende gebruiker

Verenigingslid

Terugkerende gebruiker

Bijlagen

Gebruiker

Gebruiker

Terugkerende gebruiker

Terugkerende gebruiker

Gebruiker

Gebruiker

Gebruiker

Terugkerende gebruiker

Bijlagen

Gebruiker

Terugkerende gebruiker

Gebruiker

Terugkerende gebruiker

Terugkerende gebruiker

Gebruiker

Terugkerende gebruiker

Wij waarderen jouw privacy