Add simple mobile simulator

esamattis · May 26, 2012 · d4ee20d · d4ee20d
1 parent f7481af
commit d4ee20d
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/source/mobilesimulator.html b/source/mobilesimulator.html
@@ -0,0 +1,16 @@
+<!doctype html>
+<input id=slider type=range />
+<span id=value></span>
+<br>
+<iframe src=/  height=600 width=300></iframe>
+
+<script type="text/javascript" src=http://code.jquery.com/jquery-1.7.2.min.js></script>
+<script type="text/javascript">
+var iframe = $("iframe");
+var value = $("span");
+$("#slider").on("change", function(e) {
+    var width = this.value * 6;
+    iframe.prop("width", width);
+    value.text(width);
+});
+</script>