Index: pkg/polymer/lib/elements/polymer-jsonp/demo.html |
diff --git a/pkg/polymer/lib/elements/polymer-jsonp/demo.html b/pkg/polymer/lib/elements/polymer-jsonp/demo.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..e209016db5932a2bff3952fee433b560e0c2b9ab |
--- /dev/null |
+++ b/pkg/polymer/lib/elements/polymer-jsonp/demo.html |
@@ -0,0 +1,28 @@ |
+<!DOCTYPE html> |
+<html> |
+<head> |
+ <title>polymer-jsonp</title> |
+ <script src="../platform/platform.js"></script> |
+ <link rel="import" href="polymer-jsonp.html"> |
+</head> |
+<body> |
+ <polymer-jsonp auto url="https://clients1.google.com/finance/info?q=GOOG&client=ig&callback="></polymer-jsonp> |
+ |
+ <template bind="{{stockquote}}"> |
+ <div>quote: {{l}}</div> |
+ </template> |
+ |
+ <script> |
+ document.addEventListener('polymer-ready', function() { |
+ var jsonp = document.querySelector("polymer-jsonp"); |
+ jsonp.addEventListener("polymer-response", |
+ function(e) { |
+ document.querySelector('template').model = { |
+ stockquote: e.detail.response[0] |
+ }; |
+ } |
+ ); |
+ }); |
+ </script> |
+</body> |
+</html> |