dom_tools

Description:

dom tools

dom_tools #








DOM rich elements and tools for CSS, JavaScript, Element Tracking, DOM Manipulation, Storage, Dialog and more.
Usage #
A simple usage example:
import 'dart:html';
import 'package:dom_tools/dom_tools.dart';

void main() {

var imgSrc = 'https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_92x30dp.png' ;

// Example of an image that only loads when visualized in viewport:

var tracker = TrackElementInViewport() ;
var imageElement = ImageElement() ;

tracker.track(imageElement, onEnterViewport: (elem) {
imageElement.src = imgSrc ;
});

document.body.children.add( imageElement ) ;

Future.delayed( Duration(seconds: 10) , (){
var img = getElementBySRC('img', imgSrc) ;
if (img == null) {
window.alert('After 10s the image is not visible in viewport yet') ;
}
else {
window.alert('After 10s the image was visible in viewport.') ;
}
});

}
copied to clipboard
Features and bugs #
Please file feature requests and bugs at the issue tracker.
Author #
Graciliano M. Passos: gmpassos@GitHub.
License #
Dart free & open-source license.