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 |