From aacee357c076b46fc975dd55b3577c0147c96a63 Mon Sep 17 00:00:00 2001 From: Frederic Junod Date: Wed, 6 Mar 2013 17:07:47 +0100 Subject: [PATCH] Port example list to Bootstrap --- examples/example-list.html | 496 +++++++++++++++---------------------- examples/stamen.html | 2 +- examples/style.css | 62 ----- 3 files changed, 205 insertions(+), 355 deletions(-) delete mode 100644 examples/style.css diff --git a/examples/example-list.html b/examples/example-list.html index f914d16616..a466bec866 100644 --- a/examples/example-list.html +++ b/examples/example-list.html @@ -1,299 +1,211 @@ - - - - - - - - OpenLayers Examples - - - - - - + + - - -
-
- - - - show all -
-
+ if (dict) { + updateScores(); + } else { + var r; + for (idx in info.index) { + r = new RegExp(word); + if (r.test(idx)) { + dict = info.index[idx]; + updateScores(); + } + } + } + } + examples = []; + for (var j in scores) { + var ex = info.examples[j]; + ex.score = scores[j]; + examples.push(ex); + } + // sort examples by first by number of words matched, then + // by word frequency + examples.sort(function(a, b) { + var cmp; + var aWords = 0, bWords = 0; + var aScore = 0, bScore = 0; + for (var i in a.score) { + aScore += a.score[i]; + aWords += 1; + } + for (var j in b.score) { + bScore += b.score[j]; + bWords += 1; + } + if (aWords == bWords) { + cmp = bScore - aScore; + } else { + cmp = bWords - aWords; + } + return cmp; + }); + } + listExamples(examples); + } + + function parseQuery() { + var params = {}; + var list = window.location.search.substring(1).split("&"); + for (var i = 0; i < list.length; ++i) { + var pair = list[i].split("="); + if (pair.length == 2) { + params[decodeURIComponent(pair[0])] = decodeURIComponent(pair[1]); + } + } + if (params["q"]) { + var input = document.getElementById("keywords"); + input.value = params["q"]; + inputChange.call(input); + } + } + + window.onload = function() { + for (var i = 0; i < info.examples.length; ++i) { + info.examples[i].link += window.location.search; + } + // document.getElementById('keywords').focus(); + template = new jugl.Template("template"); + target = document.getElementById("examples"); + listExamples(info.examples); + document.getElementById("keywords").onkeyup = inputChange; + parseQuery(); + }; + + + Simple example + + + +
+
+
+ OpenLayers 3 Examples +
+ + +
+
    +
    • +
    • +
-
- +
+
+ +
+ +
+ +
+
+
+ + title + + +

+

+

+
- +
+ +
+ + diff --git a/examples/stamen.html b/examples/stamen.html index eb9290c112..811d378633 100644 --- a/examples/stamen.html +++ b/examples/stamen.html @@ -35,7 +35,7 @@

Stamen example

-

Example of a Stamen tile source.

+

Example of a Stamen tile source.

See the stamen.js source to see how this is done.

diff --git a/examples/style.css b/examples/style.css deleted file mode 100644 index f2001ccb2b..0000000000 --- a/examples/style.css +++ /dev/null @@ -1,62 +0,0 @@ -/** - * Basic Typography - */ -body { - font-family: Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; - font-size: 85%; - color: #222; - background: #fff; - margin: 1em 1.5em; -} -pre, code { - margin: 1.5em 0; - white-space: pre; -} -pre, code { - font: 1em 'andale mono', 'lucida console', monospace; - line-height:1.5; -} -a { - color: #436976; - background-color: transparent; -} -h1, h2, h3, h4, h5, h6 { - color: #003a6b; - background-color: transparent; - font: 100% Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; - margin: 0; - padding-top: 0.5em; -} -h1 { - font-size: 130%; - margin-bottom: 0.5em; - border-bottom: 1px solid #fcb100; -} -h2 { - font-size: 120%; - margin-bottom: 0.5em; - border-bottom: 1px solid #aaa; -} -h3 { - font-size: 110%; - margin-bottom: 0.5em; - text-decoration: underline; -} -h4 { - font-size: 100%; - font-weight: bold; -} -h5 { - font-size: 100%; - font-weight: bold; -} -h6 { - font-size: 80%; - font-weight: bold; -} -#tags { - display: none; -} -#shortdesc { - margin-bottom: 2em; -}