Nieuws:

Welkom, Gast. Alsjeblieft inloggen of registreren.
Heb je de activerings-mail niet ontvangen?

Auteur Topic: countdown code  (gelezen 6456 keer)

countdown code
« Gepost op: 2012/03/19, 11:06:33 »
Heeft er soms iemand de code voor een countdown naar de release van 12.04 LTS op 26-04-2012 voor op een website?

Zou graag informatie hierover krijgen. Dank bij voorbaat.  :D
Laptop MSI U123 (160 GB) 1 GB ramMint Cinnamon 18 LTS
Laptop Toshiba Tecra  (80GB) 2 GB ram Fedora 24
Dell Latitude D600 Pentium M 1400MHz 512MB ram
Bouwjaar 2003 met Debian 8 (Jessie)

Re: countdown code
« Reactie #1 Gepost op: 2012/03/19, 11:19:25 »
Op de seconden precies of anders?
Kijk anders even hier: https://wiki.ubuntu.com/Website/PreciseCountdownBanner

Re: countdown code
« Reactie #2 Gepost op: 2012/03/19, 11:37:01 »
@Luckiboy

Alvast bedankt voor het antwoord, ik ga op die link eens kijken, het zou liefst een teller moeteen ziijn met enkel de dagen.  ;)
Laptop MSI U123 (160 GB) 1 GB ramMint Cinnamon 18 LTS
Laptop Toshiba Tecra  (80GB) 2 GB ram Fedora 24
Dell Latitude D600 Pentium M 1400MHz 512MB ram
Bouwjaar 2003 met Debian 8 (Jessie)

Re: countdown code
« Reactie #3 Gepost op: 2012/03/19, 14:32:15 »
femke98
Bedankt voor deze link, zoals je zei, in de link van Luckiboy kan je de nodige code niet krijgen, maar in die link van jou dus wel, heb die dus opgeslagen voor later gebruik.

Citaat
http://www.ubuntu.com/community/countdown

normaal staat die hier, maar het is nog niet zo ver.

Vanaf wanneer kan men deze counter dan wél op een webpagina zetten, weet jij dat soms?
Alvast bedankt.  :D
Laptop MSI U123 (160 GB) 1 GB ramMint Cinnamon 18 LTS
Laptop Toshiba Tecra  (80GB) 2 GB ram Fedora 24
Dell Latitude D600 Pentium M 1400MHz 512MB ram
Bouwjaar 2003 met Debian 8 (Jessie)

Re: countdown code
« Reactie #4 Gepost op: 2012/03/19, 14:39:42 »
<p><strong><iframe height="240" src="http://corbindavenport.com/ubuntu/widget.html" style="border: 0px none; height: 150px; width: 180px;" width="320"></iframe></strong></p>
<p><strong></strong><br /><strong></strong></p>

Ik weet alleen niet of deze goed loopt ???

Re: countdown code
« Reactie #5 Gepost op: 2012/03/19, 15:10:52 »
Overigens zie ik de link van lucky dat als je ze download, het alleen plaatjes zijn en ik kan nergens de code of html code vinden van die dingen, anders had ik het op mijn blog gezet.
https://wiki.ubuntu.com/Website/PreciseCountdownBanner

Er staan er een aantal die je kan gebruiken op je site.

Ik vind die van Jan Žárský en Corbin Davenport bijvoorbeeld heel goed, en die kan je zo gebruiken, ik heb ze beide op mijn site getest.

Re: countdown code
« Reactie #6 Gepost op: 2012/03/19, 15:59:48 »
Die van Jan Zarkasky is deze:
<script type="text/javascript">
var date = new Date();
var number = 30;

//release + after release
if(date.getFullYear() >= 2012 && date.getMonth() >= 4 && date.getDate() >= 26)
number = "itshere";
//more than 30 days before
else if(date.getFullYear() <= 2012 && date.getMonth() <= 3 && date.getDate() <= 26)
number = 30;
//coming soon
else if(date.getFullYear() == 2012 && date.getMonth() == 4 && date.getDate() == 25)
number = "comingsoon";
//30 - 25 days before (March)
else if(date.getMonth() == 3)
number = 56 - date.getDate();
//24 - 1 day before (April)
else if(date.getMonth() == 4)
number = 25 - date.getDate();

document.write("<img src='http://precisecountdown.site88.net/countdown/" + number +".png' width='180' height='150'/>");
</script>

Re: countdown code
« Reactie #7 Gepost op: 2012/03/19, 16:07:00 »
Dan snap ik niet waar die coeds instaan, hoor.

Deze stond in script.js, stond in de 2de link van Jan Zarkasky

Re: countdown code
« Reactie #8 Gepost op: 2012/03/19, 16:49:42 »
En voor die ander:
<iframe src="http://www.corbindavenport.com/ubuntu/widget.html" style="width:180px; height:150px; border:0px;">There was an error loading the countdown.</iframe>

Re: countdown code
« Reactie #9 Gepost op: 2012/03/19, 16:54:06 »
<iframe src="http://www.corbindavenport.com/ubuntu/widget.html" style="width:180px; height:150px; border:0px;">There was an error loading the countdown.</iframe>

Die is hetzelfde als:

<p><strong><iframe height="240" src="http://corbindavenport.com/ubuntu/widget.html" style="border: 0px none; height: 150px; width: 180px;" width="320"></iframe></strong></p>
<p><strong></strong><br /><strong></strong></p>

Re: countdown code
« Reactie #10 Gepost op: 2012/03/19, 22:12:45 »
Stap 1)
Leg de (constante) einddatum vast
Stap 2)
Bepaal de huidige datum.
Stap 3)
Bereken het aantal dagen tussen die 2.
Stap 4)
Geef dat weer.

Zoek gewoon even op hoe je die vier stappen doet in JavaScript (hint: http://w3schools.org)

FAQ:
Q. Ik kan geen Javascript!
A. De basis van Javascript is vrij eenvoudig als je al met andere C-achtige talen gewerkt hebt. Zie bovenstaande hint. Het merendeel van de code die je nodig hebt kan je wel van ergens copypasten.

Q. Ik kan niet programmeren in een C-achtige taal!
A. Ja, nu ben je vet met die Lisp, Scheme en Haskell hé? Als je iets serieus wilt doen, zou ik toch maar eens een C-achtige taal (zoals Javascript) leren. Zie ook bovenstaande link.

Q. Het dichtste bij een C-achtige taal dat ik ken, is Python!
A. Nogmaals, daar had je eerder aan moeten denken. Het wordt tijd dat je eens wat andere dingen leert. Javascript is vrij nuttig, en ook een beetje PHP kan geen kwaad, met misschien wat Java, C++ of zelfs C#? Zie ook bovenstaande link.

Q. Ik kan niet programmeren!
A. Ik geloof dat ik de subtiele hint hierboven al genoeg heb laten vallen.

Q. Ik versta geen subtiele hints!
A. Lees hierboven nog eens goed na, ik leg uit welke talen je kan beginnen met leren (in casu Javascript) en waar je uitleg daarover kan vinden (in casu http://w3schools.com)

Q. Ik kan niet lezen!
A. Sorry, maar het audioboek komt pas deze zomer uit.
I use a Unix-based system, that means I'll get laid as often as I have to reboot.
LibSylph
SeySayux.net

Re: countdown code
« Reactie #11 Gepost op: 2012/03/19, 22:17:47 »
Is dat leuk zo een Q&A-sessie met jezelf? :P

Offline Johan van Dijk

  • Administrator
    • johanvandijk
Re: countdown code
« Reactie #12 Gepost op: 2012/03/19, 22:46:41 »
Daar kan je alleen zelf antwoord op geven ;)

Re: countdown code
« Reactie #13 Gepost op: 2012/03/20, 17:14:41 »
hmm, bij mij werkt ie wel?
http://ubuntucountdowntest.simpsite.nl/

Re: countdown code
« Reactie #14 Gepost op: 2012/03/20, 17:22:21 »
<iframe src="http://www.corbindavenport.com/ubuntu/widget.html" style="width:180px; height:150px; border:0px;">There was an error loading the countdown.</iframe>

Die is hetzelfde als:

<p><strong><iframe height="240" src="http://corbindavenport.com/ubuntu/widget.html" style="border: 0px none; height: 150px; width: 180px;" width="320"></iframe></strong></p>
<p><strong></strong><br /><strong></strong></p>
Helaas, dit werkt niet op mijn weblog, ik krijg dit te zien:



Dat komt denk ik doordat Wordpress het niet toestaat om die code in een blogpost te gebruiken.

Re: countdown code
« Reactie #15 Gepost op: 2012/03/20, 22:17:04 »
Dat zal het zijn dan, hoewel ik eerder wel een countdown heb gebruikt, maar dat was de officiële.
Zal het daaraan liggen?


Het kan ook aan de vorm liggen, uit veiligheidsoverwegingen wordt JavaScript in door gebruikers geproduceerde inhoud vaak niet toegestaan. Ik heb het even getest en op een eigen Wordpress (eigen installatie bedoel ik) kan ik het tellertje wel plaatjes maar op een wordpress.com (die ik ook heb) weer niet.

Re: countdown code
« Reactie #16 Gepost op: 2012/03/21, 11:26:41 »
Ik heb deze in een webpagina staan, en die wérkt, misschien eens proberen?

Kopiëer en plak dit op de plaats waar je de teller wil hebben op je pagina.
Zie bijlage, hoe het er uitziet op de pagina.

Citaat
<form name="count" style="margin:2% 2% 0 2%;">
<input type="text" class="rond" style="text-align: center; padding: 1% 0 1% 0; background: #CCCCFF;" size="50" name="count2">
</form>

<script>
//change the text below to reflect your own,
var before="Release Ubuntu 12.04 LTS!"
var current="Hier is hij dan!"
var montharray=new Array("Jan","Feb","Mar","Apr"/*,"May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"*/)

function countdown(yr,m,d){
theyear=yr;themonth=m;theday=d
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todayh=today.getHours()
var todaymin=today.getMinutes()
var todaysec=today.getSeconds()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec
futurestring=montharray[m-1]+" "+d+", "+yr
dd=Date.parse(futurestring)-Date.parse(todaystring)
dday=Math.floor(dd/(60*60*1000*24)*1)
dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)
if(dday==0&&dhour==0&&dmin==0&&dsec==1){
document.forms.count.count2.value=current
return
}
else
document.forms.count.count2.value="Nog "+dday+ " dagen te gaan voor de "+before
setTimeout("countdown(theyear,themonth,theday)",1000)
}
//enter the count down date using the format year/month/day
countdown(2012,04,27)
</script>
« Laatst bewerkt op: 2012/03/21, 11:33:20 door Progger »
Laptop MSI U123 (160 GB) 1 GB ramMint Cinnamon 18 LTS
Laptop Toshiba Tecra  (80GB) 2 GB ram Fedora 24
Dell Latitude D600 Pentium M 1400MHz 512MB ram
Bouwjaar 2003 met Debian 8 (Jessie)

Re: countdown code
« Reactie #17 Gepost op: 2012/03/21, 12:16:46 »
Ik heb hem werkend in een "normale" website pagina, ik zou zeggen probeer het eens uit in Wordpress.  ;)
Laptop MSI U123 (160 GB) 1 GB ramMint Cinnamon 18 LTS
Laptop Toshiba Tecra  (80GB) 2 GB ram Fedora 24
Dell Latitude D600 Pentium M 1400MHz 512MB ram
Bouwjaar 2003 met Debian 8 (Jessie)

Re: countdown code
« Reactie #18 Gepost op: 2012/03/21, 12:19:46 »
Zou deze werken in Wordpress? Ben benieuwd!! (het is geen html natuurlijk en dan gaat het niet werken denk ik)

ps. Nee dus. Niet als widget (tekst) of in een nieuw bericht.
Ik zal echt moeten wachten op de officiele!

Wel jammer.

Ben je zeker dat de Full HTML hebt aangevinkt?
I use a Unix-based system, that means I'll get laid as often as I have to reboot.
LibSylph
SeySayux.net

Re: countdown code
« Reactie #19 Gepost op: 2012/03/28, 12:27:55 »
Citaat
<a href="http://www.ubuntu.com/"><img src="http://www.ubuntu.com/countdown/banner1.png" border="0" width="180" height="150" alt="The next version of Ubuntu is coming soon"></a>

Goed nieuws, bovenstaande countdown-teller is momenteel actief, nog 29 dagen te gaan.  :D

Ik heb trouwens die 12.04 beta al een tijdje zonder noemenswaardige problemen draaien op een Acer TravelMate (oud bakje) met 1,2 GiB en 2.50GHz intel Celeron en een 20GB schijf. ;)
« Laatst bewerkt op: 2012/03/28, 12:33:21 door Progger »
Laptop MSI U123 (160 GB) 1 GB ramMint Cinnamon 18 LTS
Laptop Toshiba Tecra  (80GB) 2 GB ram Fedora 24
Dell Latitude D600 Pentium M 1400MHz 512MB ram
Bouwjaar 2003 met Debian 8 (Jessie)

Offline markba

  • Lid
    • http://markbaaijens.nl/
Re: countdown code
« Reactie #20 Gepost op: 2012/03/28, 13:17:17 »
Citaat
<a href="http://www.ubuntu.com/"><img src="http://www.ubuntu.com/countdown/banner1.png" border="0" width="180" height="150" alt="The next version of Ubuntu is coming soon"></a>

Goed nieuws, bovenstaande countdown-teller is momenteel actief, nog 29 dagen te gaan.  :D
Heb 'm ook op mijn site toegevoegd (zie onder). Ziet er goed strak uit.

Re: countdown code
« Reactie #21 Gepost op: 2012/03/28, 14:26:31 »
Hé,, deze doet het wel!
Deze banner gebruikt alleen html, en geen script, dat maakt dat deze op sommige plekken wel werkt waar scripts niet zijn toegestaan.

Re: countdown code
« Reactie #22 Gepost op: 2012/03/29, 10:43:23 »
Citaat
Maar ik zit mij af te vragen waar progger dat citaat vandaan heeft
Dat vindt je op onderstaande link, je kan daar zelfs kiezen uit 3 verschillende vormen, mét bijgeleverde code. Je hoeft alleen die code te plakken in je site op de gewenste plaats.

http://www.ubuntu.com/community/countdown
Laptop MSI U123 (160 GB) 1 GB ramMint Cinnamon 18 LTS
Laptop Toshiba Tecra  (80GB) 2 GB ram Fedora 24
Dell Latitude D600 Pentium M 1400MHz 512MB ram
Bouwjaar 2003 met Debian 8 (Jessie)