Move textarea to common area.
[dygraphs.git] / gallery / gallery.js
CommitLineData
c1f22b5a
RK
1var Gallery = {};
2
3Gallery.entries = {};
4Gallery.entryOrder = [];
5Gallery.runningDemo = null;
6
7/*
8 * Shortcut for creating HTML associated with a parent.
9 */
10Gallery.create = function(type, parent, className) {
11 var elem = document.createElement(type);
12 parent.appendChild(elem);
13 if (className) {
14 elem.className = className;
15 }
16 return elem;
17};
18
19Gallery.start = function() {
20 google.load('visualization', '1', {'packages':['annotatedtimeline']});
21 Gallery.toc = document.getElementById("toc");
22 Gallery.workarea = document.getElementById("workarea");
23 Gallery.workareaChild = Gallery.create("div", Gallery.workarea);
24 Gallery.workarea.style.visibility = "hidden";
25 for (var idx in Gallery.entryOrder) {
26 var id = Gallery.entryOrder[idx];
27 var demo = Gallery.entries[id];
28
29 var div = Gallery.create("div", Gallery.toc, "entry");
30 div.id = id + "-toc";
31 var innerDiv = Gallery.create("div", div, "");
32
33 // Storing extra data in the demo object.
34 demo.div = div;
35 demo.innerDiv = innerDiv;
36
37 innerDiv.textContent = demo.name;
38 div.onclick = function(demo, id) { return function() {
39 if (Gallery.runningDemo != null) {
40 Gallery.runningDemo.innerDiv.className = "";
41 if (Gallery.runningDemo.clean != null) {
42 Gallery.runningDemo.clean(Gallery.workareaChild);
43 }
44 }
45 Gallery.workarea.style.visibility = "visible";
46 document.getElementById("title").textContent = demo.title ? demo.title : "";
47 demo.innerDiv.className = "selected";
48 Gallery.workareaChild.id = id;
d53954c3 49 location.hash = "g/" + id;
c1f22b5a
RK
50 Gallery.workareaChild.innerHTML='';
51 if (demo.setup) {
52 demo.setup(Gallery.workareaChild);
53 }
54 demo.run(Gallery.workareaChild);
55 Gallery.runningDemo = demo;
56 }; }(demo, id);
57 }
58
59 Gallery.hashChange();
60
61 window.onhashchange = Gallery.setHash;("hashchange", Gallery.hashChange, false);
62};
63
64Gallery.register = function(id, demo) {
65 if (Gallery.entries[id]) {
66 throw id + " already registered";
67 }
68 Gallery.entries[id] = demo;
69 Gallery.entryOrder.push(id);
70};
71
72Gallery.hashChange = function(event) {
72c8bf99 73 if (location.hash) {
d53954c3
RK
74 if (location.hash.indexOf("#g/") == 0) {
75 var id = location.hash.substring(3) + "-toc";
76 var elem = document.getElementById(id);
77 elem.onclick();
78 }
72c8bf99 79 }
c1f22b5a 80};