Javascript: plaatje gebonden aan tijd+bezoeken

[T-Junkie]

Ik moet voor een site een bepaald idee uitwerken.

Het idee is dat je een X aantal dagen achter elkaar terugkomt op een webpagina en dat er dan in die dagen elke dag een ander plaatje staat dus op de eerste keer dat je er komt heb j plaatje nummer 1 en de volgende keer plaatje 2. Maar pas na 24 uur na het bezoek van het eerste plaatje komt het tweede plaatje.

Ik heb zelf helaas heel weinig ervaring met javascript, ik snap wel dat je dit met behulp van cookies doet.

Wie wil mij helpen met het schrijven van het scriptje hiervoor.

(ik heb al gesearched bij op GOT en met Google, helaas kwamen die scriptjes niet
in de buurt wat ik had, ik heb er wel wat gevonden voor random images)

[Clay]

I zou gewoon een script schrijven dat op basis van de dag een ander plaatje laat zien. Dan heb je hetzelfde effect (iig ongeveer) en het is een stuk makkelijker.

code:

datum = new Date();
dag = datum.getDate();

...

[crisp]

All the help you need

[T-Junkie]

ja die had ik al gevonden maar staat nie precies op....
en ik ben nie zo erg handig met JS.
Kan het wel lezen en kleine veranderingen maken maar schrijven nog niet.

[crisp]

Als je begint met de primers en dan langzaam aan de tutorials door gaat nemen kan je na een paar avondjes al aardig scripten hoor! Is nog leuk en leerzaam ook.

[T-Junkie]

dat staat al in mn planning
heb alleen stageverslagen... enzovoorts
en dit moet eigenlijk morgen af... (i know... (stupid) )

[crisp]

Op maandag 04 maart 2002 22:02 schreef Clay het volgende:
I zou gewoon een script schrijven dat op basis van de dag een ander plaatje laat zien. Dan heb je hetzelfde effect (iig ongeveer) en het is een stuk makkelijker.

code:

datum = new Date();
dag = datum.getDate();

...

Dan heb je in elk geval geen cookie nodig, dat klopt. Gewoon 31 plaatjes genummerd van 1 t/m 31, en aan de hand van de dag een plaatje laten zien.
Kan je ook aan de hand van de weekdag doen met 7 plaatjes dmv weekdag = datum.getDay();

[crisp]

Op maandag 04 maart 2002 22:26 schreef T-Junkie het volgende:
dat staat al in mn planning
heb alleen stageverslagen... enzovoorts
en dit moet eigenlijk morgen af... (i know... (stupid) )

Oooh, huiswerk!

[T-Junkie]

hey das n goeie....

ff kijken of ik wat scripts zo kan combineren...

[T-Junkie]

Op maandag 04 maart 2002 22:28 schreef crisp het volgende:

[..]

Oooh, huiswerk!

o.a. probeer ook eens n keertje sinds tijden n sociaal leven op te bouwen maarja...
(moet morgen die site laten zien bij mn stagebedrijf)

zou iemand een begin van het script kunnen schrijven... please...

[Thijsmans]

code:

<script language=javascript>
function geefPlaatjes(){

Hier is het begin

_{ik ben bezig}

[Clay]

code:

datum = new Date();
dag = datum.getDate();

plaatje ="images/plaatje"+dag+".jpg";

// onload of na de img tag in <script>:
document.images["naam"].src = plaatje

// of ergens in je page:
document.write('<img src ... >');

valt toch wel mee?

[T-Junkie]

ik snap de opbouw van het script alleen nu met het vertaalt worden naar dat script (en k ken nie javascript... )

dag=is nummer=X
naam + nummer= bestandsnaam
= laat plaatje zien

denk k

[Thijsmans]

Op maandag 04 maart 2002 22:37 schreef T-Junkie het volgende:
ik snap de opbouw van het script alleen nu met het vertaalt worden naar dat script (en k ken nie javascript... )

dag=is nummer=X
naam + nummer= bestandsnaam
= laat plaatje zien

denk k

ehh, nee. hoe kom je bij naam?

[T-Junkie]

Op maandag 04 maart 2002 22:40 schreef Prammenhanger het volgende:

[..]

ehh, nee. hoe kom je bij naam?

euhmm gokje...?
sorry ben nu aan t stoomcursussen JS-en ...

[Thijsmans]

code:

datum = new Date();
dag = datum.getDate();

getDate(); geeft de dag van de maand, van 0 tot 30.

code:

plaatje ="images/plaatje"+dag+".jpg";

Dit geeft als uitkomst "images/plaatje4.jpg", want het is "images/plaatje|hier var dag|.jpg";

code:

document.images["naam"].src = plaatje

aangeven dat de source van het plaatje met de naam "naam" var plaatje is

code:

document.write('<img src ... >');

dat spreekt toch wel voor zich.
_{dit hele script wel, maar goed}

[edit]
Nuttige links:
• http://irt.org/xref/Date.htm (JavaScript Date() )

[T-Junkie]

ik ben bezig met hem inelkaar maken....
ff kijken of het mij lukt...

[T-Junkie]

code:

<script language="JavaScript">
datum = new Date();
dag = datum.getDate();
plaatje ="images/plaatje"+dag+".jpg";
document.images["naam"].src = plaatje
document.write('<img src images/plaatje.jpg >');
</script>

?helaas werkt t nie...
sorry, ben n newbie jah....

[crisp]

**spoiler**

code:

<html>
<head>
<title>Pictures</title>
<script language="JavaScript">
<!--

// all the different pictures; expand at will

var pictures = new Array();
pictures[0] = 'bloemetjes.gif';
pictures[1] = 'bijtjes.gif';
pictures[2] = 'boompjes.gif';
pictures[3] = 'huisjes.gif';
pictures[4] = 'atoombommetje.gif';


// general function to get elements from a string

function getelement(text, identifier) {

  identifier += '=';
  oleft = text.indexOf(identifier);

  while (oleft != -1 && text.substring(oleft - 1, oleft) != '&' && text.substring(oleft - 1, oleft) != '?') {

    oleft = text.indexOf(identifier, oleft + 1);

  }

  if (oleft != -1) {

    oright = text.indexOf('&', oleft + 1);

    if (oright == -1 || identifier == 'return=') {
    oright = text.length;
    }

    return text.substring(oleft + identifier.length, oright);

  } else {

    return 0;

  }

}


function getthepicture() {


  // initialize vars

  var pic = 0;
  var timestamp = 0;
  var interval = 86400000; // miliseconds in 24 hour
  var now = new Date();
  var curtimestamp = Number(now);


  // get cookie if any

  var cookie_name = "LASTVISIT";

  if (document.cookie) {

    var cookie = document.cookie.indexOf(cookie_name);

    if (cookie != -1) {

    oleft = (document.cookie.indexOf('=', cookie) + 1);
    oright = document.cookie.indexOf(';', cookie);
    if (oright == -1) {
      oright = document.cookie.length;
    }
    var cookie_contents = document.cookie.substring(oleft, oright);

    timestamp = parseInt(getelement(cookie_contents, 'timestamp'));
    pic = parseInt(getelement(cookie_contents, 'pic'));

    }

  }


  // compare timestamps, set new cookie if > interval

  if (curtimestamp - timestamp > interval) {

    timestamp = curtimestamp;
    if (pic++ >= pictures.length) pic = 0;

    document.cookie=cookie_name+'=?timestamp='+timestamp+'&pic='+pic+'; expires=Monday, 04-Apr-2010 05:00:00 GMT';
  
  }


  // set the right picture

  document.images['thepicture'].src = pictures[pic];

}

// -->
</script>
</head>
<body onLoad="getthepicture()">
[img]"spacer.gif">
</body>
</html[/img]

snappie?

[T-Junkie]

als die werkt dan hou ik van je


de verbeterde korte versie(die k nog nie werkend btw)

code:

<script language="JavaScript">
datum = new Date();
dag = datum.getDate();
plaatje ="images/plaatje"+dag+".jpg";
document.images["naam"].src = plaatje
document.write('[img]"images/plaatje.jpg">');

</script[/img]

[crisp]

Op maandag 04 maart 2002 23:26 schreef T-Junkie het volgende:
als die werkt dan hou ik van je


de verbeterde korte versie(die k nog nie werkend btw)

code:

<script language="JavaScript">
datum = new Date();
dag = datum.getDate();
plaatje ="images/plaatje"+dag+".jpg";
document.images["naam"].src = plaatje
document.write('[img]"images/plaatje.jpg">');

</script[/img]

Och, is al bijna goed hoor, alleen de document.write moet dit worden:

code:

document.write('[img]"'+plaatje+'"[/img]');

en die document.images["naam"].src = plaatje kan je weglaten als je de code inline in de body laat schrijven...

[T-Junkie]

t werkt nog nie helemaal...
maar k moe achter de internet computer vandaan dus...
alvast heel erg bedankt iedereen (crisp! ) voor de moeite..
en zodra ik een goed werkend script heb zal ik hem hier posten.
(btw: werkt dat eene lange script bij jou crisp?)

[crisp]

Op maandag 04 maart 2002 23:45 schreef T-Junkie het volgende:
(btw: werkt dat eene lange script bij jou crisp?)

Wat denk je? Het makkelijkst is om even te testen met een kortere interval...

[T-Junkie]

nog heel erg bedankt crisp! hij werkt helemaal perfect!!
(zoals j al zei, ik had wat fouts gedaan...)

zodra de hele site online is geef ik nog n gilletje hier in het topic.