Er zijn 1 reacties in dit onderwerp

[plekke]

hallo ,

ik wil een webpagina maken , met een knop die werkt zoals op volgende foto..
als je klikt gaat het kapje open , ( foto1 met kapje dicht)
als je nog eens klikt activeer je  hendel ,die dan een javasript functie aanroept (foto2 met kapje open)
dan mag kapje weer dicht (terug foto1)

als het kapje 5sec open is , moet het automatisch dicht.


ik vraag geen afgewerkte code ,
maar iemand tips hoe dit aan te pakken ?
ajax , php , js , html ?


 illuminated-toggle-switch-on-off-white-B1.jpg   18.18K   0 downloads

[Eviltwin]

Hallo Plekke,

Door die 5 seconden voorwaarde moet je het al met javascript gaan oplossen, anders had het ook met CSS gekunt.

Hier een link met javascript events:
http://coursesweb.ne...vascript/events

Nog een tutje:
http://www.w3schools...ldom_events.asp


Linkie voor het veranderen van een background / plaatje:
http://www.ezineasp....ge/Default.aspx


Timers in JS (voor je 5 sec):
http://www.w3schools...s/js_timing.asp
http://www.w3schools...e=tryjs_timing2

Dan heb je alle middelen wel om het werkend te maken..


Wat ook een mogelijkheid is. Is jquery... Dit is een libary van javascript functies wat bijna alles wel voor je kan doen... maar als je geen ervaring hebt met javascript, kun je denk ik beter met basis Javascript beginnen.


Groeten,

Eviltwin