| OLD | NEW |
| (Empty) |
| 1 <!DOCTYPE html> | |
| 2 | |
| 3 <!-- Copyright (c) 2012, the Dart project authors. Please see the AUTHORS file | |
| 4 for details. All rights reserved. Use of this source code is governed by a | |
| 5 BSD-style license that can be found in the LICENSE file. --> | |
| 6 | |
| 7 <html> | |
| 8 <head> | |
| 9 <title>Dart JavaScript Interoperation Examples</title> | |
| 10 | |
| 11 <!-- This tag improves the experience on mobile browsers. --> | |
| 12 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximu
m-scale=1.0, user-scalable=0"> | |
| 13 | |
| 14 <!-- These tags improve web apps on ios. --> | |
| 15 <meta name="apple-mobile-web-app-capable" content="yes"> | |
| 16 | |
| 17 <style> | |
| 18 body { | |
| 19 background-color: #F8F8F8; | |
| 20 font-family: 'Open Sans', sans-serif; | |
| 21 font-size: 14px; | |
| 22 font-weight: normal; | |
| 23 line-height: 1.2em; | |
| 24 margin: 15px; | |
| 25 } | |
| 26 | |
| 27 p { | |
| 28 color: #333; | |
| 29 } | |
| 30 | |
| 31 img { | |
| 32 border: 0px; | |
| 33 margin-right: 0.5em; | |
| 34 } | |
| 35 | |
| 36 a { | |
| 37 text-decoration: none; | |
| 38 } | |
| 39 | |
| 40 table, tr, td { | |
| 41 border: 0; | |
| 42 border-spacing: 0; | |
| 43 } | |
| 44 | |
| 45 .app { | |
| 46 border: 1px solid #ccc; | |
| 47 background-color: #fff; | |
| 48 margin-bottom: 1em; | |
| 49 padding: 0.5em; | |
| 50 | |
| 51 -moz-border-radius: 3px; | |
| 52 border-radius: 3px; | |
| 53 | |
| 54 //float: left; | |
| 55 } | |
| 56 | |
| 57 .app .title { | |
| 58 font-weight: bold; | |
| 59 font-family: monospace; | |
| 60 } | |
| 61 | |
| 62 .app .info { | |
| 63 font-family: monospace; | |
| 64 } | |
| 65 | |
| 66 .footer { | |
| 67 text-align: center; | |
| 68 } | |
| 69 </style> | |
| 70 <head> | |
| 71 <body> | |
| 72 <h1>Dart JavaScript Interop Samples</h1> | |
| 73 | |
| 74 <p>The following samples show common JavaScript APIs accessed from | |
| 75 Dart. They run natively in Dartium and via Dart2JS compilation in | |
| 76 modern browsers.</p> | |
| 77 | |
| 78 <div class="app"><table><tr><td rowspan=2><a | |
| 79 href="google-chart/bubblechart.html"><img | |
| 80 src="dart_32_32.gif" width=32 height=32></a></td><td | |
| 81 class="title">Google Charts API - <a | |
| 82 href="google-chart/bubblechart.html">bubblechart.html</a></td</tr><tr><td | |
| 83 class="info"><a href="https://github.com/dart-lang/js-interop/blob/master/
example/google-chart/bubblechart.dart">bubblechart.dart</a></td></tr></table></d
iv> | |
| 84 | |
| 85 <div class="app"><table><tr><td rowspan=2><a | |
| 86 href="google-maps/directions.html"><img | |
| 87 src="dart_32_32.gif" width=32 height=32></a></td><td | |
| 88 class="title">Google Maps / Directions API - <a | |
| 89 href="google-maps/directions.html">directions.html</a></td</tr><tr><td | |
| 90 class="info"><a href="https://github.com/dart-lang/js-interop/blob/master/
example/google-maps/directions.dart">directions.dart</a></td></tr></table></div> | |
| 91 | |
| 92 <div class="app"><table><tr><td rowspan=2><a | |
| 93 href="jsonp/jsonp.html"><img | |
| 94 src="dart_32_32.gif" width=32 height=32></a></td><td | |
| 95 class="title">Github Search via JSONP - <a | |
| 96 href="jsonp/jsonp.html">jsonp.html</a></td</tr><tr><td | |
| 97 class="info"><a href="https://github.com/dart-lang/js-interop/blob/master/
example/jsonp/jsonp.dart">jsonp.dart</a></td></tr></table></div> | |
| 98 | |
| 99 <p class="footer"><a href="https://github.com/dart-lang/js-interop">https://gi
thub.com/dart-lang/js-interop</a></p> | |
| 100 </body> | |
| 101 </html> | |
| OLD | NEW |