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 |