pkg/shadow_dom/tool/play.html - Issue 22951003: Build shadow_dom package in dart/pkg

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: pkg/shadow_dom/tool/play.html

Issue 22951003: Build shadow_dom package in dart/pkg (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart

Patch Set: Added readme.txt on how to build package Created 7 years, 4 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

OLD	NEW
(Empty)
	1 <!DOCTYPE html>

	2 <!--

	3 Copyright 2012 The Polymer Authors. All rights reserved.

	4 Use of this source code is goverened by a BSD-style

	5 license that can be found in the LICENSE file.

	6 -->

	7 <meta charset="utf-8">

	8 <script src="shadowdom.js"></script>

	9 <style>

	10

	11 .el,

	12 .sr {

	13 height: 300px;

	14 width: 300px;

	15 }

	16

	17 </style>

	18 <textarea class="el" placeholder="Element host"></textarea>

	19 <textarea class="sr" placeholder="Shadow Root"></textarea>

	20 <button onclick="update()">Update</button>

	21

	22 <div class="test">Real</div>

	23

	24 <script>

	25

	26 var el = document.querySelector('.test');

	27 var sr = el.createShadowRoot();

	28

	29 sr.innerHTML = 'Before <content></content> After';

	30

	31 function update() {

	32 el.innerHTML = document.querySelector('.el').value;

	33 sr.innerHTML = document.querySelector('.sr').value;

	34 }

	35

	36 document.querySelector('.el').value = el.innerHTML;

	37 document.querySelector('.sr').value = sr.innerHTML;

	38

	39 </script>

OLD	NEW