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> |
