JavaScript
>Noen Eksempler
Noen Eksempler
Post-It
|
Puslespill
|
Bildebølge
|
Sjakk
Post-It
I dette eksempelet ønsker vi å lage sider med små gule lapper som "popper" opp eller ekspanderer ved mousedown og forsvinner ved mouseup.
Dette involverer flere problemstillinger:
- Vi må ta vare på det som skal "poppes". I eksempelet er materiale ganske enkelt lagt i en Array (Det er derfor også synlig i kildekoden)
- Vi vil gjerne generalisere koden slik at vi har felles funksjoner for å poppe opp og ned. Dette innebærer at vi gjerne vil finne ut hvilket element som er opphav til en begivenhet.
- Vi vil dessuten finne ut nøyaktig hvor en begivenhet(mousedown) skjer slik at vi kan poppe nøyaktig ved cursor. Dette er den delen av løsningen som er mest krevende med tanke på ulike nettlesere.
Løsningen er inspirert av Quirksmode [1] .
Puslespill
Dette eksempelet bruker absolutt posisjonering og litt DOM-skripting:
Bildebølge
Bilder ekspanderer når vi trekker cursor over dem. Eksempel med valgresultat i Østfold-kommuner. Bruk av JSON og JavaScript
Sjakk
Flytting av brikker og kontroll av lovlige trekk. (ikke helt uten feil)
