Eigen website

digi-klokje en thermometer plaatsen?+

Gestart door pierkejust op 12 nov 2006, 13:31 11 berichten 11.045 keer gelezen
pierkejust Startte dit onderwerp 12 nov 2006, 13:31 Brecht 13 berichten
Hallo,

zou graag aan mijn website een diditaal kloje en thermometertje plaatsen bij sommige weerberichten sites zie je zo iets staan nu heb ik dit al eens gecopieerd naar mijn webpage maar dan heb ik de link wel maar het klokje loopt niet verder en dan waarschijnlijk de temperatuur ook niet of werkt dit alleen als mijn website online gaat gezet zijn?
vriendelijke groet Pierkejust
Dank bij voorbaat
coderunner 12 nov 2006, 19:17 Aubauke - Aentwaerepe 1.828 berichten
Hallo pierkejust

Kan je misschien eens een link naar zo een weerbericht website geven zodat ik kan zien wat je juist bedoelt en eventueel de code die jij gebruikt hebt?

Als je de juiste code gebruikt voor het klokje (meestal javascriptje), zou die ook offline moeten werken want dat is een funktie die kijkt naar je eigen windowsklokje op je pc, m.a.w. als iemand je site bekijkt in vb. Amerika dan krijgt die zijn tijd te zien (lokale tijd).
Onderstaande code is een voorbeeld van een javascript van een klokje.

Code: Selecteer alles

<script language=Javascript1.2>
// verander hieronder de kleur font en grootte van het klokje 
var tags_before_clock = "<font face='arial' size='3' color='#0099ff'><b> "
var tags_middle_clock = ""
if(navigator.appName == "Netscape") {
document.write('<layer id="clock"></layer><br>');
}
if (navigator.appVersion.indexOf("MSIE") != -1){
document.write('<span id="clock"></span>');
}
function upclock(){
var dte = new Date();
var hrs = dte.getHours();
var min = dte.getMinutes();
var sec = dte.getSeconds();
var col = ":";
var spc = " ";
var com = "";
if (hrs == 0) hrs=12;
if (min<=9) min="0"+min;
if (sec<=9) sec="0"+sec;
if(navigator.appName == "Netscape") {
document.clock.document.write(tags_before_clock+hrs+col+min+col+sec+tags_middle_clock+day+com+spc);
document.clock.document.close();
}
if (navigator.appVersion.indexOf("MSIE") != -1){
clock.innerHTML = tags_before_clock+hrs+col+min+col+sec+tags_middle_clock+com+com+spc;
}
}
setInterval("upclock()",200);
</script>
Ik hoor nog van je :wink:

mvg,
Coderunner
coderunner 12 nov 2006, 20:37 Aubauke - Aentwaerepe 1.828 berichten
Hoi pierkejust,

Voor een weersverwachting op je website kan je eventueel gebruik maken van de gratis dienst van WeerOnLine
Vul in het vakje "Voer hier de plaats of het postcode in" je stad in en klik op "go". Je krijgt nu de actuele temperatuur en de weersverwachting van de volgende dag te zien.
Juist onder het weerbericht, krijg je de code (javascript) dat je op je site moet zetten.
vb hiervan voor Antwerpen is:

Code: Selecteer alles

<script language="JavaScript" src="http://home.weeronline.com/cgi-bin/nph-h?WMO=06450&PLZN=Antwerpen&L=nl"> 
 </script>
mvg,
Coderunner
pierkejust Startte dit onderwerp 12 nov 2006, 23:49 Brecht 13 berichten
Coderunner,
deze heb ik van het internet kunnen afhalen deze html mag je zo nemen
je hebt er verschillende soorten


<p align="center"><a href="http://www.wunderground.com/global/stat ... timetemp24">
<img src="http://banners.wunderground.com/weather ... /06450.gif" border=0
alt="Click for Antwerp, Belgium Forecast" height=41 width=127></a></p>

Maar deze klok en thermometer doet pas een update om de zoveel minuten dus men kan niet altijd de juiste tijd zien

zal nog eens eventjes de website opzoeken

greetz Pierkejust

thx voor de hulp :wink:

http://www.wunderground.com/geo/BannerP ... 06450.html

Zie hier coderunner op deze site kan je verschillende van deze klokjes en:of banners van het weer downloaden
coderunner 13 nov 2006, 05:14 Aubauke - Aentwaerepe 1.828 berichten
pierkejust schreef:Maar deze klok en thermometer doet pas een update om de zoveel minuten dus men kan niet altijd de juiste tijd zien

http://www.wunderground.com/geo/BannerP ... 06450.html
Hallo pierkejust,

Inderdaad, deze weer stickers zie je veel op websites staan en is mij bekend. Die site (url) wou ik je trouwens toesturen maar juist omdat de tijd niet klopte en in je eerste post ook zoiets stond, vond ik het niet de gepaste site daar je probleem dan niet opgelost zou zijn.

De actuele tijd in deze weer sticker kan je natuurlijk onmogelijk aanpassen daar het op de server van "wunderground" zelf staat en waarschijnlijk zullen tijd en temperatuur op hetzelfde ogenblik gerefreshed (geupdate) worden.

Daarom stuurde ik je die andere mogelijkheden. :wink:

mvg,
Coderunner

Aanvulling:
Ik heb ook eens rondgeneusd in de FAQ van wunderground (lees #3 en #4 i.v.m. update en time)
pierkejust Startte dit onderwerp 13 nov 2006, 11:39 Brecht 13 berichten
@ coderunner,
bedankt voor de hulp,
maar ik gebruik nu het klokje dat je hier html-code hebt gezet en ben er content mee,kan ik hier geen linkje zetten zodat je al een voorproefje
krijgt van mijn website want hij staat nog niet online maar dan heb je ertoch al eens een idee van en kan je misschien nog wat tips geven wat er aan verandert kan of moet worden
ook zag ik bij iemand zijn website van het forum dag en datum + het uur staan zou nog leuker zijn heb in het kladblok gekeken en heb er een deel van gevonden maar niet de volledige txt dus het werkte niet


grtz Pierke
coderunner 13 nov 2006, 15:43 Aubauke - Aentwaerepe 1.828 berichten
Hoi pierkejust,
pierkejust schreef:bedankt voor de hulp
Graag gedaan hoor :)
pierkejust schreef:kan ik hier geen linkje zetten zodat je al een voorproefje krijgt van mijn website want hij staat nog niet online
Zolang je site niet online staat is dit onmogelijk ...
pierkejust schreef:ook zag ik bij iemand zijn website van het forum dag en datum + het uur staan zou nog leuker zijn heb in het kladblok gekeken en heb er een deel van gevonden maar niet de volledige txt dus het werkte niet
grtz Pierke
Hier is een scriptje dat de datum en het uur weergeeft

Code: Selecteer alles

<div id="klokbalk" style="width:300; text-align:center; background-color: #000000; cursor: default; color: #99ccff; border: 5px ridge #808080; font-family: system; font-size:11pt"></div>

<script language="javascript1.2" type="text/javascript">
<!--

var Teller=null
function toontijd () {
var nu = new Date()
var maand = nu.getMonth()
if (maand == 0)
maand = "Januari";
else if (maand == 1)
maand = "Februari";
else if (maand == 2)
maand = "Maart";
else if (maand == 3)
maand = "April";
else if (maand == 4)
maand = "Mei";
else if (maand == 5)
maand = "Juni";
else if (maand == 6)
maand = "Juli";
else if (maand == 7)
maand = "Augustus";
else if (maand == 8)
maand = "September";
else if (maand == 9)
maand = "Oktober";
else if (maand == 10)
maand = "November";
else if (maand == 11)
maand = "December";

var datum = nu.getDate()
var jaar = nu.getYear()
var dag = nu.getDay()
if (dag == 0)
dag = "Zondag";
else if (dag == 1)
dag = "Maandag";
else if (dag == 2)
dag = "Dinsdag";
else if (dag == 3)
dag = "Woensdag";
else if (dag == 4)
dag = "Donderdag";
else if (dag == 5)
dag = "Vrijdag";
else if (dag == 6)
dag = "Zaterdag";
var uren = nu.getHours()
if (uren <=9)
uren = "0"+uren
var minuten = nu.getMinutes()
if (minuten <=9)
minuten = "0"+minuten
var seconden = nu.getSeconds()
if (seconden <=9)
seconden = "0"+seconden
var tijdWaarde = "" + dag
tijdWaarde += " " + datum
tijdWaarde += " " + maand
tijdWaarde += " "+jaar
tijdWaarde += " " + uren
tijdWaarde += ":"+minuten
tijdWaarde += ":"+seconden

document.getElementById('klokbalk').innerHTML=tijdWaarde;
teller =
setTimeout("toontijd()",1000)
}

toontijd()
//-->
</script>
De layout van het klokje die staat tussen de <div> en </div> tags kan je makkelijk zelf aanpassen.

Code: Selecteer alles

style="width:300; text-align:center; background-color: #000000; cursor: default; color: #99ccff; border: 5px ridge #808080; font-family: system; font-size:11pt"
en vervang de "width, text-align, background-color, color, border, font-family" naar hartelust. :wink:

mvg,
Coderunner
pierkejust Startte dit onderwerp 13 nov 2006, 17:23 Brecht 13 berichten
coderunner,
bedankt voor het klokje mer dag en datum heb het op mijn homepage staan,
het enige probleem dat ik nu nog heb met het klokje is dat het niet in het midden komt te staan hoewel er bij "text-align:" toch "center" staat.

grtz Pierke
en nogmaals bedankt
coderunner 13 nov 2006, 17:37 Aubauke - Aentwaerepe 1.828 berichten
pierkejust schreef:coderunner,
bedankt voor het klokje mer dag en datum heb het op mijn homepage staan,
het enige probleem dat ik nu nog heb met het klokje is dat het niet in het midden komt te staan hoewel er bij "text-align:" toch "center" staat.

grtz Pierke
en nogmaals bedankt
Hoi pierkejust,

Alles wat in de "style" staat, slaat op het klokje zelf dus wil je het klokje gecentreerd hebben op je pagina dan moet je dat meegeven in een extra <div> tag rond die van het klokje (zie code)

Code: Selecteer alles

<div align="center">
<div id="klokbalk" style="width:300; text-align:center; background-color: #000000; cursor: default; color: #99ccff; border: 5px ridge #808080; font-family: system; font-size:11pt"></div> 
</div>
mvg,
Coderunner
pierkejust Startte dit onderwerp 13 nov 2006, 17:51 Brecht 13 berichten
Yes,
is gelukt dank u
Coderunner,
de site begint stilletjes aan op punt te geraken,
maar zal tegen de tijd dat hij online gaat toch nog enkele vragen hebben
hoor :?

grtz Pierke
coderunner 13 nov 2006, 18:05 Aubauke - Aentwaerepe 1.828 berichten
pierkejust schreef:Yes,
is gelukt dank u
Coderunner,
de site begint stilletjes aan op punt te geraken,
maar zal tegen de tijd dat hij online gaat toch nog enkele vragen hebben
hoor :?

grtz Pierke
Goed zo ! En graag gedaan !

En i.v.m. vragen stellen ... ik (en ook anderen hier op het forum) zal/(zullen) je zeker trachten verder te helpen :D

mvg,
Coderunner