Archief - src van image aanpassen aan de tijd

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
[

[ JO ]

Legacy Member
Hallo iedereen

Ik heb een JS geschreven waarbij hij kijkt naar de tijd en aan de hand van een bepaald tijd stopt hij of A of B of C in een variabele. Ik denk dat dat wel juist is, maar ik post het hier toch ff:
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>
Dat staat in een apart .js bestand. En in de head gedeclareerd.

Maar nu in mn xhtml weet ik niet zo goed wat te doen... kBen nog maar net begonnen met javascript, dus het is nog wat moeilijk (met xhtml ook eigenlijk). Ik heb:
Code: 
    <script type="text/javascript">
          kaart=which_chart();     //vind hij wich_chart wel als die bovenaan apart gedeclareert staat?
          document.write('<img src="http://voorbeeld.be/'+kaart+'.png" alt="blabla"/>')
    </script>
Maar hij geeft als fout dat img daar niet mag staan. Het staat in een divje voor de duidelijkheid.

Hopelijk heb ik het wat duidelijk proberen uit te leggen.

Alvast bedankt!
Jonas
[

[ JO ]

Legacy Member
Mijn script is iets veranderd. Dit is mijn .js file:
Code: 
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;
}
In mijn html heb ik nu staan:
Code: 
<script type="text/javascript">
document.write(getPictureByHour());
</script>
Maar dat werkt dus niet. Iemand een idee wat ik verkeerd doe?

Bedankt!
D

Drone

Legacy Member
Code: 
imgTag= "<img src=b.jpg' alt='description'/>";
imgTag= "<img src=c.jpg' alt='description'/>";

c.jpg' dit moet 'c.jpg' zijn je vergeet je beginnende single quote. Het zelfde bij b.jpg. Ik weet wel niet of dit de fout veroorzaakt.

Wat ik ook zou doen is de src van een image veranderen en niet altijd de hele image herschrijven. Met jquery kan je dit vrij snel doen als het niet lukt kan ik je een voorbeeldje geven.
d

denk

Legacy Member
de src van een image veranderen kan je gwn met javascript ook en heb je helemaal geen jquery voor nodig... Ik merk op dit forum dat er veel mensen zijn die jquery gaan gebruiken voor dingen die je zelf in 5 lijnen code kan schrijven...

ik geef drone wel gelijk dat je misschien best gwn de src verandert van de image. Om jouw voorbeeld te doen werken moet je inderdaad nog een single quote voor b.jpg en voor c.jpg zetten ;)
[

[ JO ]

Legacy Member
Het is gelukt! Heb er idd voor gekozen alleen de src aan te passen.

Toch bedankt!
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan