Toon posts:

background image selecteren met JS

Pagina: 1
Acties:

Onderwerpen


Acties:
  • 0 Henk 'm!

Verwijderd

Topicstarter
Na een uurtje zoeken op google heb ik geen oplossing kunnen vinden voor het volgende.

Ik maak een site voor mijn nichtje die wegens geldgebrek gaat draaien op een standaard server zonder PHP(dan zou ik het wel kunnen maken) o.i.d. dus ben ik aangewezen op Javascript waar ik helaas niets van weet.

Ze zou graag de achtergrondimage per seizoen willen wijzigen.
dus als datum na 1 maart, lente.jpg
als datum na 1 juni zomer.jpg enz.....
Kan dat ?
Zo ja, hoe ?

Acties:
  • 0 Henk 'm!

  • _eXistenZ_
  • Registratie: Februari 2004
  • Laatst online: 24-09 02:32
Hoe heb je gezocht? Et kan afaik met date...

There is no replacement for displacement!


Acties:
  • 0 Henk 'm!

  • harrald
  • Registratie: September 2005
  • Laatst online: 16-09 08:44
een switch statement
het date object
getElementsBy Name / Id()
en .innerhtml

dat moet genoeg wezen om het werkend te krijgen denk ik. :)

[ Voor 21% gewijzigd door harrald op 02-02-2008 13:38 ]


Acties:
  • 0 Henk 'm!

Verwijderd

Topicstarter
Sorry, als noob gaat het me te snel.

Met de zoekterm date (thx existenz) en background vond ik 2 statements :
document.body.background
en
var currentTime = new Date()
var month = currentTime.getMonth() + 1

daarmee heb ik het volgende gebrouwen:
code:
1
2
3
4
5
6
7
8
9
<!--
var currentTime = new Date()
var month = currentTime.getMonth() + 1 
if (month > 2 AND month < 12){
document.body.background='../img/red.gif'
} else {
document.body.background='../img/winterpaard.jpg'
}
//-->


maar dat werkt dus niet :(

Acties:
  • 0 Henk 'm!

  • harrald
  • Registratie: September 2005
  • Laatst online: 16-09 08:44
ik weet niet of je het zo gedaan hebt omdat het een voorbeeld is maar ik zeg het toch maar.

er mist een functie
en er missen een hoop ;

en zoals je hier kunt lezen.
gaat AND niet werken. && wel.

dit is allemaal erg basic javascript, en ik raad je aan eerst even zelf wat onderzoek te doen.
op de website w3schools.com (die ik je nu meermaals heb gegeven) kan je alles vinden wat je nodig hebt. en als je php kan dan moet dit toch niet zo'n opgave voor je wezen. ;)

Acties:
  • 0 Henk 'm!

Verwijderd

Topicstarter
thx,

Ik heb nu iets dat wel werkt:
code:
1
2
3
4
5
6
7
8
9
10
<script type="text/javascript">
<!--
var currentTime = new Date()
if (currentTime.getMonth() > 2 && currentTime.getMonth() <= 12){
document.body.background='img/sun.jpg';
} else {
document.body.background='img/winterpaard.jpg';
}
//-->
</script>

inderdaad de && ipv and,
tja de leestekens, ik werk elke dag in COBOL, daar heb je ze niet nodig dus ik vergeet ze wel eens.

tussen php en JS zit toch wel wat verschil hoor, bv het object.orientated denken. Ik snap het wel als ik het zie, maar het zit gewoon niet tussen mijn oren :)
Pagina: 1