| 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="twitter/twitter.html"><img |
| 94 src="dart_32_32.gif" width=32 height=32></a></td><td |
| 95 class="title">Twitter Search via JSONP - <a |
| 96 href="twitter/twitter.html">twitter.html</a></td</tr><tr><td |
| 97 class="info"><a href="https://github.com/dart-lang/js-interop/blob/master/
example/twitter/twitter.dart">twitter.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 |