Mercurial > urweb
view demo/more/dragList.ur @ 1908:ab1a3737b306
make clean: Clean bin/mlton, src/urweb.mlton.lex,
src/urweb.mlton.grm
Signed-off-by: Anders Kaseorg <andersk@mit.edu>
---
Makefile.am | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
author | Anders Kaseorg <andersk@mit.edu> |
---|---|
date | Fri, 22 Nov 2013 09:36:14 -0500 |
parents | e6bc6bbd7a32 |
children |
line wrap: on
line source
fun draggableList title items = itemSources <- List.mapM source items; draggingItem <- source None; return <xml> <h2>Great {[title]}</h2> <ul> {List.mapX (fn itemSource => <xml> <li onmousedown={fn _ => set draggingItem (Some itemSource)} onmouseup={fn _ => set draggingItem None} onmouseover={fn _ => di <- get draggingItem; case di of None => return () | Some di => original <- get di; movedOver <- get itemSource; set di movedOver; set itemSource original; set draggingItem (Some itemSource)}> <dyn signal={Monad.mp cdata (signal itemSource)}/> </li></xml>) itemSources} </ul> </xml> fun main () = bears <- draggableList "Bears" ("Pooh" :: "Paddington" :: "Rupert" :: "Edward" :: []); beers <- draggableList "Beers" ("Budvar" :: "Delirium Tremens" :: "Deuchars" :: []); boars <- draggableList "Boars" ("Sus scrofa scrofa" :: "Sus scrofa ussuricus" :: "Sus scrofa cristatus" :: "Sus scrofa taiwanus" :: []); return <xml> <head> <link rel="stylesheet" type="text/css" href="../../dragList.css"/> </head> <body> {bears} {beers} {boars} </body> </xml>