summaryrefslogtreecommitdiff
path: root/demo/more
diff options
context:
space:
mode:
authorGravatar Adam Chlipala <adamc@hcoop.net>2009-09-08 10:55:49 -0400
committerGravatar Adam Chlipala <adamc@hcoop.net>2009-09-08 10:55:49 -0400
commit33dbb6c0000a5d82267f984191e7390be86b7dfd (patch)
tree7d2a84baa2e21562b0754815824f223d61a6621a /demo/more
parentd07c91bf275874a5f6f13af5f338def78eea7ae0 (diff)
dragList demo working, save for Gecko load delay and highlighting
Diffstat (limited to 'demo/more')
-rw-r--r--demo/more/dragList.ur26
-rw-r--r--demo/more/dragList.urp3
-rw-r--r--demo/more/out/dragList.css18
-rw-r--r--demo/more/prose4
4 files changed, 40 insertions, 11 deletions
diff --git a/demo/more/dragList.ur b/demo/more/dragList.ur
index ddb50e82..efdafc8a 100644
--- a/demo/more/dragList.ur
+++ b/demo/more/dragList.ur
@@ -10,11 +10,12 @@ fun draggableList title items =
onmouseover={di <- get draggingItem;
case di of
None => return ()
- | Some di => item1 <- get di;
- item2 <- get itemSource;
- set di item2;
- set itemSource item1}>
- <dyn signal={s <- signal itemSource; return <xml>{[s]}</xml>}/>
+ | Some di => original <- get di;
+ movedOver <- get itemSource;
+ set di movedOver;
+ set itemSource original;
+ set draggingItem (Some itemSource)}>
+ <dyn signal={Monad.mp (fn s => <xml>{[s]}</xml>) (signal itemSource)}/>
</li></xml>) itemSources}
</ul>
</xml>
@@ -26,8 +27,13 @@ fun main () =
:: "Sus scrofa ussuricus"
:: "Sus scrofa cristatus"
:: "Sus scrofa taiwanus" :: []);
- return <xml><body>
- {bears}
- {beers}
- {boars}
- </body></xml>
+ return <xml>
+ <head>
+ <link rel="stylesheet" type="text/css" href="../../dragList.css"/>
+ </head>
+ <body>
+ {bears}
+ {beers}
+ {boars}
+ </body>
+ </xml>
diff --git a/demo/more/dragList.urp b/demo/more/dragList.urp
index 56fb9cce..42ec5c46 100644
--- a/demo/more/dragList.urp
+++ b/demo/more/dragList.urp
@@ -1,4 +1,5 @@
-debug
+allow url ../../dragList.css
$/list
+$/monad
dragList
diff --git a/demo/more/out/dragList.css b/demo/more/out/dragList.css
new file mode 100644
index 00000000..8fd239a9
--- /dev/null
+++ b/demo/more/out/dragList.css
@@ -0,0 +1,18 @@
+ul {
+ width: 200px;
+ list-style-image: url(http://script.aculo.us/images/bullet.gif);
+}
+
+li {
+ color: #7E9E50;
+ font: 20px Georgia;
+ background-color: #ECF3E1;
+ border:1px solid #C5DEA1;
+ cursor: move;
+ margin: 0px;
+}
+
+h2 {
+ font: 42px/30px Georgia, serif;
+ color: #7E9E50;
+}
diff --git a/demo/more/prose b/demo/more/prose
index 37a79724..c2a3d281 100644
--- a/demo/more/prose
+++ b/demo/more/prose
@@ -1,3 +1,7 @@
<p>These are some extra demo applications written in <a href="http://www.impredicative.com/ur/">Ur/Web</a>. See <a href="http://www.impredicative.com/ur/demo/">the main demo</a> for a more tutorial-like progression through language and library features.</p>
+dragList.urp
+
+This is an Ur/Web version of the "draggable lists" <a href="http://groups.inf.ed.ac.uk/links/examples/">demo program from Links</a>.
+
grid1.urp