Using mutation observer scheduler

mattpodwysocki · mattpodwysocki · commit 7bd695af8e23 · 2014-07-02T15:32:01.000-04:00
diff --git a/examples/Autocomplete/Autocomplete.html b/examples/Autocomplete/Autocomplete.html
@@ -20,15 +20,15 @@
             <h1>RxJS for jQuery Bindings AutoComplete example</h1>
             <p class="lead">Example to show combining input events such as keyup with Ajax requests</p>
         </div>
-        <div class="row-fluid">
+        <div class="row">
             <form role="form">
                 <div class="form-group">
                     <label for="textInput">Enter Query for Wikipedia</label>
                     <input type="text" id="textInput" class="form-control" placeholder="Enter Query...">
                 </div>
             </form>
         </div>
-        <div class="row-fluid">    
+        <div class="row">    
             <ul id="results"></ul>
         </div>
     </div>
diff --git a/examples/mutationobserver/mutationobserverscheduler.html b/examples/mutationobserver/mutationobserverscheduler.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" >
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta charset="utf-8">
+    <meta name="description" content="">
+    <meta name="author" content="">    
+    <title>Rx for JavaScript Rocks!</title>
+    <link rel="stylesheet" href="../vendor/bootstrap-3.2.0/css/bootstrap.min.css">
+    <!--[if lt IE 9]>
+      <script src="../vendor/html5shiv-3.7.2/html5shiv.min.js"></script>
+      <script src="../vendor/respond-1.4.2/respond.min.js"></script>
+    <![endif]-->   
+</head>
+
+<body>
+    <div id="textContainer"></div>
+    <div class="container">
+        <div class="page-header">
+            <h1>Mutation Observer Scheduler Example</h1>
+            <p class="lead">Example to show using the Mutation Observer scheduler</p>
+        </div>
+        <div class="row">    
+            <ul id="results"></ul>
+        </div>        
+    </div>    
+    <!--[if lt IE 9]>
+    <script src="../../node_modules/rx/dist/rx.lite.compat.js"></script>
+    <![endif]--> 
+    <!--[if gte IE 9]><!-->        
+    <script src="../../node_modules/rx/dist/rx.lite.js"></script>
+    <!--<![endif]-->
+    <script src="../../dist/rx.dom.js"></script>
+    <script src="mutationobserverscheduler.js"></script>
+</body>
+</html>
diff --git a/examples/mutationobserver/mutationobserverscheduler.js b/examples/mutationobserver/mutationobserverscheduler.js
@@ -0,0 +1,20 @@
+(function (window, undefined) {
+
+  function clearChildren (e) {
+    while (e.firstChild) { e.removeChild(e.firstChild); }                
+  }
+
+  function main() {
+    var ul = document.getElementById('results');
+
+    Rx.Observable.range(0, 10, Rx.Scheduler.mutationObserver)
+      .subscribe(function (results) {
+        var li = document.createElement('li');
+        li.innerHTML = results;
+        ul.appendChild(li);      
+      });
+  }
+
+  window.onload = main;
+
+}(window));
diff --git a/rx.dom.node.js b/rx.dom.node.js
@@ -0,0 +1,3 @@
+var Rx = require('rx');
+require('./dist/rx.dom');
+module.exports = Rx;

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+var Rx = require('rx');`
	`2`	`+require('./dist/rx.dom');`
	`3`	`+module.exports = Rx;`