Ting og tang
Nedenfor finner du noen eksempler på Javascriptkode som forsøker å løse noen ganske typiske problemer.
.Post-It
I dette eksempelet ønsker vi å lage sider med små gule lapper som "popper" opp eller ekspanderer ved mousedown og forsvinner ved mouseup.
Først et eksempel som ekspanderer et element og som fungerer for både Microsoft Explorer og Mozilla:
Så ser vi på en versjon som popper gule lapper. Eksempelet demonstrerer forskjellen på filosofien i Microsoft Explorer og Mozilla.
En fungerende men ganske sårbar løsning som skal fungere for mange nettlesere. Forsøk f.eks. å introdusere en doctype-linje i starten av siden.
Denne siste løsningen er inspirert av http://www.quirksmode.org/. Det store problemet med å få dette til å virke stabilt på tvers av nettlesere er å finne riktig posisjon for en begivenhet.
.Puslespill
Dette eksempelet bruker absolutt posisjonering og litt DOM-skripting:
.Dragging
Det er etablert en metode, et sett med rutiner, som gjøre det mulig å "dragge" elementer på en vevside. Se på kildekoden.
.Vindusillusjon
De samme drag-rutinene brukes sammen med litt kreativ CSS til å lage en illusjon av et vindu som kan åpnes, lukkes, dragges og fylles (vha AJAX).
.Bildebølge
Bilder ekspanderer når vi trekker cursor over dem. Eksempel med valgresultat i Østfold-kommuner. Bruk av JSON og JavaScript
