Editie 185 - HTML-cursus
By OWN
· 449 views
Hoeveel procent heb je GTA Vice City uitgespeelt? 91 members have voted
Deze rubriek is geschreven door Kloep!
In deze rubriek maken we gebruik van het programma Notepad++ en Google Chrome. Hierdoor kunnen er kleine verschillen zijn in je eigen situatie. In sommige gevallen geeft Chrome de codes anders weer als bijvoorbeeld Internet Explorer of Firefox.
Achtergrondkleur wijzigen
<a href="javascript:with(document.body.style) { void(backgroundColor=prompt('Kleur:',''), backgroundImage='none');}">Wijzig de achtergrondkleur</a>
Op deze pagina verschijnt een link: 'Wijzig de achtergrondkleur'. Indien je daarop klikt, krijg je een prompt-venster. Hierin kun je de kleurnaam (of de kleurcode) invullen, op OK klikken, en de achtergrondkleur veranderd.
Met deze code is het ook mogelijk om een afbeelding toe te voegen. Het is de bedoeling dat je dit zelf uit gaat proberen. Ik zal kort uitleggen wat je eerste stappen zijn:
-
Bekijk bovenstaande code goed, en ga na wat er nu precies gebeurt.
-
Merk op dat er nu bij BackgroundImage 'none' staat, hier moet dus wel wat komen.
-
Achter BackgroundColor staat een prompt code, deze roept het prompt-venster op. Deze moet dus naar BackgroundImage toe.
- Wat moet er nu precies komen te staan?
Succes. Mocht je code niet geheel werken, kun je mij altijd je code via PB opsturen, dan help ik je verder om je code werkend te krijgen. Succes ermee. 
Recommended Comments