1. #1
    [ JO ]'s Avatar
    Registered
    09/05/06
    Location
    Zottegem
    Posts
    781
    iTrader
    8 (100%)
    Mentioned
    0 Post(s)

    [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:
    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>
    Alvast bedankt!
    Jonas
    Be cabbage, be U!
    no votes  

  2. #2
    Jerre Muesli's Avatar
    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  

  3. #3
    Jerre Muesli's Avatar
    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  

  4. #4
    [ JO ]'s Avatar
    Registered
    09/05/06
    Location
    Zottegem
    Posts
    781
    iTrader
    8 (100%)
    Mentioned
    0 Post(s)
    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:

    Code:
    <script type="text/javascript">
    document.write(getPictureByHour());
    </script>
    En die document.write dan gewoon uit het bovenstaand script. En het script in een apart .js bestand en koppelen aan html?
    Misschien dat ik dit moet vragen in het webdesign forum?
    Be cabbage, be U!
    no votes  

  5. #5
    etl_mx's Avatar
    Registered
    15/12/03
    Location
    qsdsqdsqd
    Posts
    47
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    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.be
    no votes  

  6. #6
    [ JO ]'s Avatar
    Registered
    09/05/06
    Location
    Zottegem
    Posts
    781
    iTrader
    8 (100%)
    Mentioned
    0 Post(s)
    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  

  7. #7
    etl_mx's Avatar
    Registered
    15/12/03
    Location
    qsdsqdsqd
    Posts
    47
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    html:
    Code:
    <html>
    <head>
    <title>hehe</title>
    <script type="text/javascript" src="myscript.js"></script>
    </head>
    <body>
    
    <img id="vulmijop" />
    
    </body>
    </html>
    javascript bestand myscript.js:
    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.be
    no votes  

  8. #8
    [ JO ]'s Avatar
    Registered
    09/05/06
    Location
    Zottegem
    Posts
    781
    iTrader
    8 (100%)
    Mentioned
    0 Post(s)
    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  

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in