Skip to content
This repository was archived by the owner on Apr 20, 2018. It is now read-only.

Commit 6df0373

Browse files
mattpodwysockimattpodwysocki
committed
Updating Samples and fixing Deferred.toObservable
1 parent bda22d7 commit 6df0373

21 files changed

+332
-343
lines changed

‎examples/Autocomplete.html

Lines changed: 0 additions & 85 deletions
This file was deleted.

‎examples/TimeFlies.html

Lines changed: 0 additions & 79 deletions
This file was deleted.

‎examples/autocomplete/Autocomplete.html

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<meta charset="utf-8">
7+
<meta name="description" content="">
8+
<meta name="author" content="">
9+
<title>Rx for JavaScript Rocks!</title>
10+
<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/bootstrap/2.3.1/css/bootstrap.min.css">
11+
<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/bootstrap/2.3.1/css/bootstrap-responsive.min.css">
12+
</head>
13+
<body>
14+
<div class="container">
15+
<div class="page-header">
16+
<h1>RxJS for jQuery Bindings AutoComplete example</h1>
17+
<p class="lead">Example to show combining input events such as keyup with Ajax requests</p>
18+
</div>
19+
<div class="row-fluid">
20+
<form role="form">
21+
<div class="form-group">
22+
<label for="textInput">Enter Query for Wikipedia</label>
23+
<input type="text" id="textInput" class="form-control" placeholder="Enter Query...">
24+
</div>
25+
</form>
26+
</div>
27+
<div class="row-fluid">
28+
<ul id="results"></ul>
29+
</div>
30+
</div>
31+
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js"></script>
32+
<script src="http://ajax.aspnetcdn.com/ajax/bootstrap/2.3.1/bootstrap.min.js"></script>
33+
<script src="http://cdn.jsdelivr.net/rxjs/2.1.11/rx.js"></script>
34+
<script src="http//cdn.jsdelivr.net/rxjs/2.1.11/rx.time.js"></script>
35+
<script src="../../rx.jquery.js"></script>
36+
<script src="Autocomplete.js"></script>
37+
</body>
38+
</html>

‎examples/autocomplete/Autocomplete.js

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
(function ($) {
2+
function searchWikipedia (term) {
3+
return $.ajaxAsObservable({
4+
url: 'http://en.wikipedia.org/w/api.php',
5+
dataType: 'jsonp',
6+
data: {
7+
action: 'opensearch',
8+
format: 'json',
9+
search: encodeURI(term)
10+
}
11+
});
12+
}
13+
14+
$(function () {
15+
var input = $('#textInput'),
16+
ul = $('#results');
17+
18+
var keyup = input.keyupAsObservable()
19+
.map(function(ev) {
20+
return ev.target.value;
21+
})
22+
.filter(function(text) {
23+
return text.length > 2;
24+
})
25+
.throttle(500)
26+
.distinctUntilChanged()
27+
28+
var searcher = keyup.map(function (text) {
29+
return searchWikipedia(text);
30+
}).switchLatest();
31+
32+
var subscription = searcher.subscribe(
33+
function (value) {
34+
var results = value.data[1];
35+
36+
ul.empty();
37+
$.each(results, function (_, result) {
38+
$('<li>', { text: result, }).appendTo(ul);
39+
});
40+
},
41+
function (error) {
42+
ul.empty();
43+
$('<li>', { text: 'Error: ' + error.errorThrown }).appendTo(ul);
44+
}
45+
);
46+
47+
});
48+
})(jQuery);

‎examples/canvaspaint.html

Lines changed: 0 additions & 73 deletions
This file was deleted.

‎examples/canvaspaint/canvaspaint.css

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
canvas {
2+
background-color: #cccccb;
3+
}
4+
5+
html {
6+
-moz-user-select: none;
7+
-khtml-user-select: none;
8+
-webkit-user-select: none;
9+
user-select: none;
10+
}

‎examples/canvaspaint/canvaspaint.html

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<meta charset="utf-8">
7+
<meta name="description" content="">
8+
<meta name="author" content="">
9+
<title>Rx for JavaScript Rocks!</title>
10+
<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/bootstrap/2.3.1/css/bootstrap.min.css">
11+
<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/bootstrap/2.3.1/css/bootstrap-responsive.min.css">
12+
<link rel="stylesheet" href="canvaspaint.css">
13+
</head>
14+
<body>
15+
<div class="container">
16+
<div class="page-header">
17+
<h1>RxJS for jQuery Bindings Canvas Paint Example</h1>
18+
<p class="lead">Example to show combining mouse events to draw on an HTML5 Canvas</p>
19+
</div>
20+
<div class="row-fluid">
21+
<canvas id="tutorial" width="640" height="480"></canvas>
22+
</div>
23+
</div>
24+
<script src="http://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.0.6-development-only.js"></script>
25+
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js"></script>
26+
<script src="http://ajax.aspnetcdn.com/ajax/bootstrap/2.3.1/bootstrap.min.js"></script>
27+
<script src="http://cdn.jsdelivr.net/rxjs/2.1.11/rx.js"></script>
28+
<script src="../../rx.jquery.js"></script>
29+
<script src="canvaspaint.js"></script>
30+
</body>
31+
</html>

0 commit comments

Comments
 (0)