[dygraphs.git] / gallery / README

Tips on adding entries to the gallery
 
* You can use the id in conjunction with specialized CSS.

* Most files don't have a lot of HTML, but some have tons. See
  independent-series for tips on adding a lot of HTML.

* You can also define a function called cleanup, which is the
  opposite of setup. It's perfect for stopping timers, for instance.

* Callbacks in HTML widgets. You might assume you can use
  <button onclick="func">
  and then define func in your run script:
  
  run: function() { function func() { .. }; }

  but because func is defined in function scope the button can't call it.
  The solution is to put func in the global scope, which is the same as window
  scope:

  run: function() { function window.func() { .. }; }

* You'll find it easier if you convert all the double-quotes in your HTML to
  single quotes.

TODOs:
  * Remove the awful tables in interaction.html (that I wrote)
  * Move all style to css
  * Create links to get code
  * Consider moving HTML to HTML files that are read via XMLHTTP
  * Add margin-left: 30px to #workarea, and then make #workarea h2 { margin-left: -30px}
  * Replace <input type='button'> with <button>
  * Create a scope so we don't rely on window, something that gets
    reset after cleanup is called.
  * Why does the gallery scroll upon selection?
Commit	Line	Data
c1f22b5a RK	1	Tips on adding entries to the gallery
	2
	3	* You can use the id in conjunction with specialized CSS.
	4
	5	* Most files don't have a lot of HTML, but some have tons. See
	6	independent-series for tips on adding a lot of HTML.
	7
	8	* You can also define a function called cleanup, which is the
	9	opposite of setup. It's perfect for stopping timers, for instance.
	10
	11	* Callbacks in HTML widgets. You might assume you can use
	12	<button onclick="func">
	13	and then define func in your run script:
	14
	15	run: function() { function func() { .. }; }
	16
	17	but because func is defined in function scope the button can't call it.
	18	The solution is to put func in the global scope, which is the same as window
	19	scope:
	20
	21	run: function() { function window.func() { .. }; }
	22
	23	* You'll find it easier if you convert all the double-quotes in your HTML to
abfadf4c RK	24	single quotes.
	25
	26	TODOs:
	27	* Remove the awful tables in interaction.html (that I wrote)
	28	* Move all style to css
	29	* Create links to get code
	30	* Consider moving HTML to HTML files that are read via XMLHTTP
	31	* Add margin-left: 30px to #workarea, and then make #workarea h2 { margin-left: -30px}
	32	* Replace <input type='button'> with <button>
	33	* Create a scope so we don't rely on window, something that gets
	34	reset after cleanup is called.
	35	* Why does the gallery scroll upon selection?