Mercurial > eldonilo > barbecue
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> |