comparison index.xhtml @ 2:683f56999fb3

'DOMNodeFocused' pseudo-event + Mutation Event Demo
author Fabien Cazenave <fabien@cazenave.cc>
date Mon, 19 Dec 2011 18:50:06 +0100
parents eb3679d92996
children 03ef53b969bd
comparison
equal deleted inserted replaced
1:eb3679d92996 2:683f56999fb3
1 <?xml version="1.0" encoding="UTF-8"?>
2 <!DOCTYPE html> 1 <!DOCTYPE html>
3 <html xmlns="http://www.w3.org/1999/xhtml"> 2 <html xmlns="http://www.w3.org/1999/xhtml">
4 <head> 3 <head>
4 <meta charset="UTF-8" />
5 <title> barbecue </title> 5 <title> barbecue </title>
6 <meta charset="UTF-8" />
7 <link type="text/css" href="style.css" rel="stylesheet" /> 6 <link type="text/css" href="style.css" rel="stylesheet" />
8 <script type="text/javascript" src="script.js"/> 7 <script type="text/javascript" src="script.js"></script>
9 </head> 8 </head>
10 <body> 9 <body>
11 <form id="toolbar"> 10 <form id="toolbar">
12 <dl> 11 <dl>
13 <dt> edit: </dt> 12 <dt> edit: </dt>
83 <input type="button" value=" " data-command="insertUnorderedList" /> 82 <input type="button" value=" " data-command="insertUnorderedList" />
84 </dd> 83 </dd>
85 </dl> 84 </dl>
86 <pre id="execCommand" /> 85 <pre id="execCommand" />
87 </form> 86 </form>
88 <pre id="breadcrumb"> </pre> 87 <pre id="breadcrumb"> </pre>
89 88
90 <section contenteditable="true"> 89 <section contenteditable="true">
91 <h2> Go ahead, edit away! </h2> 90 <h2> Go ahead, edit away! </h2>
92 <p> Here's a typical paragraph element </p> 91 <p> Here's a typical paragraph element </p>
93 <ol><li> and now a list </li><li> with only </li><li> three items </li></ol> 92 <ol><li> and now a list </li><li> with only </li><li> three items </li></ol>