| Index: pkg/shadow_dom/tool/play.html
|
| diff --git a/pkg/shadow_dom/tool/play.html b/pkg/shadow_dom/tool/play.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..f17b4710d59a3089627f0caec478b8a2b6d66e26
|
| --- /dev/null
|
| +++ b/pkg/shadow_dom/tool/play.html
|
| @@ -0,0 +1,39 @@
|
| +<!DOCTYPE html>
|
| +<!--
|
| +Copyright 2012 The Polymer Authors. All rights reserved.
|
| +Use of this source code is goverened by a BSD-style
|
| +license that can be found in the LICENSE file.
|
| +-->
|
| +<meta charset="utf-8">
|
| +<script src="shadowdom.js"></script>
|
| +<style>
|
| +
|
| +.el,
|
| +.sr {
|
| + height: 300px;
|
| + width: 300px;
|
| +}
|
| +
|
| +</style>
|
| +<textarea class="el" placeholder="Element host"></textarea>
|
| +<textarea class="sr" placeholder="Shadow Root"></textarea>
|
| +<button onclick="update()">Update</button>
|
| +
|
| +<div class="test">Real</div>
|
| +
|
| +<script>
|
| +
|
| +var el = document.querySelector('.test');
|
| +var sr = el.createShadowRoot();
|
| +
|
| +sr.innerHTML = 'Before <content></content> After';
|
| +
|
| +function update() {
|
| + el.innerHTML = document.querySelector('.el').value;
|
| + sr.innerHTML = document.querySelector('.sr').value;
|
| +}
|
| +
|
| +document.querySelector('.el').value = el.innerHTML;
|
| +document.querySelector('.sr').value = sr.innerHTML;
|
| +
|
| +</script>
|
|
|
Chromium Code Reviews
Issue 22951003:
Build shadow_dom package in dart/pkg (Closed)
Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart