Back Home

Getting Wired

The basic dart wizard will crate a html page and wire it to the dart script the following

   <!-- the dart file you want to load -->
   <script type="application/dart" src="mini.dart"></script>
   <!-- the bootstrap script -->
   <script src="packages/browser/dart.js"></script>

Selectors and Events

Dart uses a similar jquery selector

 querySelector("#sample_text_id").text = buffer.toString();
Selector type Example Description
ID selector #RipVanWinkle Matches a single, unique element
HTML element p Matches all paragraphs
HTML element h1 Matches all level-one headers
Class .classname Matches all items with the class classname
Asterisk * Matches all elements
Attribute input[type=”button”] Matches all button input elements

Once you have selected an event you can bind it to events

   elem.onMouseUp.then((event) => doCoolStuff());

or fire only once ..

 elem.onMouseUp.first.then((event) => doCoolStuff());
dart_and_web_applications.txt · Last modified: 2013/12/30 06:13 by root
RSS - 200 © CrosswireDigitialMedia Ltd