Location: A review of cardiac cellular electrophysiology models @ 98909b01e6b2 / dojo-presentation / js / dojo / dojox / fx / tests / test_Nodelist-fx.html

Author:
David Nickerson <nickerso@users.sourceforge.net>
Date:
2009-07-07 17:11:57+12:00
Desc:
update for modified HH graphs in tutorial description
Permanent Source URI:
https://models.physiomeproject.org/workspace/a1/rawfile/98909b01e6b21653a5e1cd28865dd259c586d490/dojo-presentation/js/dojo/dojox/fx/tests/test_Nodelist-fx.html
Compare... Download Source

NodeList and dojo.query "magic"

stuff going on:

  • watch the startup cycle
  • click col 6
  • click top right box
  • hover to highlight() node

custom query:

dojo.query("");
(dojo:)
.fadeIn
.fadeOut
.wipeOut
.wipeIn
.slideTo (x: 0, y:0)

(dojox:)
.highlight
.sizeTo (a fixed size)
.slideBy (top: left: offset fixed)
.fadeTo (35% opacity)

Run
1
2
3
4
5
6
7
2
3
4

HTML AFTER

classes available to play with:

	.testBox
	.noIdHere
	each row: .rowOne .rowTwo .rowThree .rowFour
	each col: .iOne .iTwo .. iSeven
	#randomNode, #node9, #node7, #aNode, #node1, #node2, #node4, #node6

the dojo.query() isn't limited to the testDiv, it parses the body. try: dojo.query("fieldset") and slideBy animation