-
14-04-2010, 20:07 #1
[JAVASCRIPT] variabele aanpassen aan tijd, check
Hallo iedereen
Ik heb een kort javascriptje geschreve, maar het klopt volgens mij ergens nog niet. Kben het nog maar net aant lere, dus weet er nog niet zo veel van.
Het moet er voor zorgen dat de variabele chart op verschillende tijdstippen een andere waarde heeft.
Ik wil eigenlijk het liefst dat A,B en C gelijk worden aan <img src="sdf" alt="sdf' />. De uiteindelijk bedoeling is dat op bepaalde uren de ene afbeelding getoond wordt en andere afbeeldingen een andere keer.
Scriptje:
Alvast bedankt!Code:<script type="text/javascript"> function which_chart() { now = new Date(); hour = now.getUTCHours(); if (hour < 01 || hour > 15) {chart="A" ;} else if (hour > 00 && hour < 04) {chart="<B" ;} else {chart="C" ;} // alert(chart); return(chart); } </script>
JonasBe cabbage, be U!
no votes
-
-
14-04-2010, 22:50 #2Member
- Registered
- 08/09/02
- Location
- -
- Posts
- 2,044
- iTrader
- 9 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 3/6
Wat doet u denken dat uw script fout is?
Geeft uw functie geen waarden terug volgens u?
Hebt ge een foutmelding of krijgt ge geen return value?no votes
-
14-04-2010, 22:59 #3Member
- Registered
- 08/09/02
- Location
- -
- Posts
- 2,044
- iTrader
- 9 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 3/6
U script werkt maar het is gewoon slecht geschreven.
Een betere versie zou zijn;
Code:<script type="text/javascript"> function getPictureByHour(){ var imgTag; var hour = new Date().getHours(); if(hour < 9){ imgTag= "<img src='a.jpg' alt='description'/>"; }else if( hour < 14){ imgTag= "<img src=b.jpg' alt='description'/>"; }else{ imgTag= "<img src=c.jpg' alt='description'/>"; } return imgTag; } document.write(getPictureByHour()); </script>no votes
-
15-04-2010, 09:48 #4
Ik dacht dat het fout zou zijn omdat wanneer ik het in mn html aanroep er niks gebeurt.
Jouw script is inderdaad wel beter. Minder variabele en de tijd is ook makkelijker zoals jij het doet! Bedankt!
Kan ik in html gewoon dit zetten:
En die document.write dan gewoon uit het bovenstaand script. En het script in een apart .js bestand en koppelen aan html?Code:<script type="text/javascript"> document.write(getPictureByHour()); </script>
Misschien dat ik dit moet vragen in het webdesign forum?Be cabbage, be U!
no votes
-
15-04-2010, 13:18 #5
Je kan een appart bestand gebruiken voor je javascript. is mooier ook

Het is nog mooier ( in jouw geval ) om in je html je <img> een ID te geven en dan in je javascript je img aan tespreken ahv je ID en de src aan te passen. Zo heb je die document.write niet nodig
.
Dollarqueen, Rock & Roll sounds straight from the city of Bruges & it's imaginary streets of joy.
http://www.dollarqueen.beno votes
-
15-04-2010, 13:32 #6
Dat lijkt me best wel mooi. Maar ik heb geen idee hoe je in javascript die img kan aanspreken en de source veranderen? Kan je even een stukje code posten?
Het lukt me trouwens niet om die img tevoorschijn te toveren door die document.write...
Thx alle twee!!Be cabbage, be U!
no votes
-
15-04-2010, 13:34 #7
html:
javascript bestand myscript.js:Code:<html> <head> <title>hehe</title> <script type="text/javascript" src="myscript.js"></script> </head> <body> <img id="vulmijop" /> </body> </html>
Code:function getPictureByHour() { var imgTag; var hour = new Date().getHours(); if (hour < 9) { imgTag = "A.jpg"; } else if( hour < 14) { imgTag = "B.jpg"; } else { imgTag = "C.jpg"; } document.getElementById("vulmijop").src = imgTag; } window.onload = getPictureByHour;Dollarqueen, Rock & Roll sounds straight from the city of Bruges & it's imaginary streets of joy.
http://www.dollarqueen.beno votes
-
15-04-2010, 14:31 #8
Niiice dankjewel!
Works like a charm!
Heb in html wel even de alt ingevuld en de src gewoon leeg gelaten, dan geeft hij geen foutmelding:-)Be cabbage, be U!
no votes
