git.iko.soy/elk
on master help sign in
Add maps example and rename some folders.
commit29a508d6021e280a1084db05b5178363106fc234 authorevancz <info@elm-lang.org> dateThu 28 Jun 2012, 15:33 (14 years ago) parentcbecda2
10 files changed+54−1
compare with master
unifiedsplit
Examples/elm-js/FrameRate/FrameRateHelp.js+1−1 Examples/elm-js/ConsoleLog/Log.elm → Examples/elm-js/Logging/Log.elm Examples/elm-js/ConsoleLog/LogHelp.js → Examples/elm-js/Logging/LogHelp.js Examples/elm-js/ConsoleLog/README.txt → Examples/elm-js/Logging/README.txt Examples/elm-js/Maps/Map.elm+15 Examples/elm-js/Maps/MapHelp.js+23 Examples/elm-js/Maps/README.txt+15 Examples/elm-js/ChangeTitle/ChangeTitle.elm → Examples/elm-js/Title/ChangeTitle.elm Examples/elm-js/ChangeTitle/ChangeTitleHelp.js → Examples/elm-js/Title/ChangeTitleHelp.js Examples/elm-js/ChangeTitle/README.txt → Examples/elm-js/Title/README.txt
Examples/elm-js/FrameRate/FrameRateHelp.js+1−1
@@ -29,7 +29,7 @@ document.addEventListener('finished', function(evt) {
2929 timeoutID = setTimeout(function() {
3030 date = new Date();
3131 frameStart = date.getTime();
32− e = document.createEvent('Event');
32+ var e = document.createEvent('Event');
3333 e.initEvent('trigger', true, true);
3434 e.value = (frameStart - startTime) / 1000;
3535 document.dispatchEvent(e);
Examples/elm-js/ConsoleLog/Log.elm → Examples/elm-js/Logging/Log.elmrenamed

The content is the same.

Examples/elm-js/ConsoleLog/LogHelp.js → Examples/elm-js/Logging/LogHelp.jsrenamed

The content is the same.

Examples/elm-js/ConsoleLog/README.txt → Examples/elm-js/Logging/README.txtrenamed

The content is the same.

Examples/elm-js/Maps/Map.elmnew file+15
@@ -0,0 +1,15 @@
1+
2+module Map where
3+
4+import Signal.Window as Win
5+import Foreign.JavaScript
6+
7+foreign import jsevent "provideMap"
8+ (castElementToJSElement $ rectangle 640 360)
9+ jsMaps :: Signal JSElement
10+
11+
12+center (w,h) elem = size w h (box 5 elem)
13+maps = lift (castJSElementToElement 640 360) jsMaps
14+
15+main = lift2 center Win.dimensions maps
Examples/elm-js/Maps/MapHelp.jsnew file+23
@@ -0,0 +1,23 @@
1+
2+var lib = document.createElement('script');
3+
4+lib.addEventListener('load', function() {
5+ var div = document.createElement('div');
6+ div.id = "demoMap";
7+ div.style.width = "640px";
8+ div.style.height = "360px";
9+
10+ var e = document.createEvent('Event');
11+ e.initEvent('provideMap', true, true);
12+ e.value = div;
13+ document.dispatchEvent(e);
14+
15+ setTimeout(function() {
16+ var map = new OpenLayers.Map("demoMap");
17+ map.addLayer(new OpenLayers.Layer.OSM());
18+ map.zoomToMaxExtent();
19+ }, 0);
20+ });
21+
22+lib.src = "http://www.openlayers.org/api/OpenLayers.js";s
23+document.head.appendChild(lib);
Examples/elm-js/Maps/README.txtnew file+15
@@ -0,0 +1,15 @@
1+
2+To compile this example yourself use:
3+
4+ elm --import-js="MapHelp.js" Map.elm
5+
6+This compiles the Elm file and includes the necessary JavaScript code.
7+It produces a self-contained HTML file.
8+
9+
10+Note: Not all browsers like reading the elm-runtime-x.y.z.js file from
11+an absolute path, so you may have to specify a relative path with
12+the --runtime flag (e.g. --runtime="../../../elm/elm-runtime-0.3.5.js").
13+
14+Warning: I am not sure how stable the OpenLayers API is. This is for
15+example only!
Examples/elm-js/ChangeTitle/ChangeTitle.elm → Examples/elm-js/Title/ChangeTitle.elmrenamed

The content is the same.

Examples/elm-js/ChangeTitle/ChangeTitleHelp.js → Examples/elm-js/Title/ChangeTitleHelp.jsrenamed

The content is the same.

Examples/elm-js/ChangeTitle/README.txt → Examples/elm-js/Title/README.txtrenamed

The content is the same.