| OLD | NEW |
| (Empty) |
| 1 <!DOCTYPE html> | |
| 2 <html lang="en" il8n-values="dir:textdirection"> | |
| 3 <head> | |
| 4 <meta charset="utf-8" /> | |
| 5 <title>WebGTT Prototype</title> | |
| 6 <script type="text/javascript" src="javascript/vertex.js"></script> | |
| 7 <script type="text/javascript" src="javascript/edge.js"></script> | |
| 8 <script type="text/javascript" src="javascript/graph.js"></script> | |
| 9 <script type="text/javascript" src="javascript/canvas.js"></script> | |
| 10 <script type="text/javascript" src="javascript/button.js"></script> | |
| 11 <script type="text/javascript" src="javascript/naclmodule.js"></script> | |
| 12 <script type="text/javascript" src="javascript/webgtt.js"></script> | |
| 13 </head> | |
| 14 <body onload="main1()"> | |
| 15 <section id="intro"> | |
| 16 <header> | |
| 17 <h1>Graph Drawing Area</h1> | |
| 18 </header> | |
| 19 <p> | |
| 20 To create a vertex, click once. To select/deselect a vertex, click once | |
| 21 on it. To create/select/deselect an edge, select two vertices (one by | |
| 22 one). To delete the selected vertices/edges, press the 'Delete' key. | |
| 23 Once you have drawn the graph, click on the button below to find a | |
| 24 coloring. (Note that the button will be enabled only after the message | |
| 25 at the bottom changes from 'LOADING...' to 'SUCCESS'. If the loading | |
| 26 seems to take forever, then there might be a problem with the | |
| 27 application.) | |
| 28 </p> | |
| 29 </section> | |
| 30 | |
| 31 <section id="canvas"> | |
| 32 <canvas id="mainCanvas" width="800" height="400"></canvas> | |
| 33 </section> | |
| 34 | |
| 35 <section id="control"> | |
| 36 <button type = "button" id = "coloring">Get a valid | |
| 37 coloring</button> | |
| 38 <p> | |
| 39 A (vertex) coloring of a graph is an assignment of colors to the | |
| 40 vertices of the graph such that NO two vertices that are connected by an | |
| 41 edge share a common color. | |
| 42 </p> | |
| 43 </section> | |
| 44 | |
| 45 <section id="nacl"> | |
| 46 <header> | |
| 47 <h1>Native Client Module</h1> | |
| 48 </header> | |
| 49 <!-- | |
| 50 Load the published .nexe. This includes the 'nacl' attribute which | |
| 51 shows how to load multi-architecture modules. | |
| 52 | |
| 53 Note: The <EMBED> element is wrapped inside an <ARTICLE>, which has a | |
| 54 'load' event listener attached. This wrapping method is used instead of | |
| 55 attaching the 'load' event listener directly to the <EMBED> element to | |
| 56 ensure that the listener is active before the NaCl module 'load' event | |
| 57 fires. | |
| 58 --> | |
| 59 <article id="listener"> | |
| 60 <script type = "text/JavaScript"> | |
| 61 document.getElementById('listener').addEventListener('load', main2, | |
| 62 true); | |
| 63 </script> | |
| 64 <embed name="nacl_module" id="webgtt" width=0 height=0 src="webgtt.nmf" | |
| 65 type="application/x-nacl" /> | |
| 66 </article> | |
| 67 <article> | |
| 68 <header> | |
| 69 <h1>Status</h1> | |
| 70 </header> | |
| 71 <p id="status_field">NO-STATUS</p> | |
| 72 </article> | |
| 73 </section> | |
| 74 <h1><a href="https://docs.google.com/a/google.com/spreadsheet/viewform?for
mkey=dGU1WkhMMjEzSGpsYnhlbkpmN2g2amc6MQ">Give Feedback</a></h1> | |
| 75 </body> | |
| 76 </html> | |
| OLD | NEW |