This is a finite state machine written in javascript with five examples: a button, animation, draggable line, resizable div, and a splitable div
Switch branches/tags
Nothing to show
Clone or download
Caroline Record
Latest commit 644047c Jan 12, 2013

ReadMe.rtf

{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360
{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
{\colortbl;\red255\green255\blue255;}
\margl1440\margr1440\vieww12280\viewh13040\viewkind0
\pard\tx720\tx1440\tx2160\tx2880\tx3600\tx4320\tx5040\tx5760\tx6480\tx7200\tx7920\tx8640\ql\qnatural\pardirnatural

\f0\fs24 \cf0 \
\ul Notes:\ulnone \
\
The button, resizableDiv and splitableDiv examples all attach the state machine to multiple elements.\
\
\ul Sources: \ulnone \
Arrays\
\pard\tx720\tx1440\tx2160\tx2880\tx3600\tx4320\tx5040\tx5760\tx6480\tx7200\tx7920\tx8640\ql\qnatural\pardirnatural
{\field{\*\fldinst{HYPERLINK "http://stackoverflow.com/questions/7346827/javascript-find-array-index-with-value"}}{\fldrslt \cf0 http://stackoverflow.com/questions/7346827/javascript-find-array-index-with-value}}\
\
Drawing a circle in plane html:\
\pard\tx720\tx1440\tx2160\tx2880\tx3600\tx4320\tx5040\tx5760\tx6480\tx7200\tx7920\tx8640\ql\qnatural\pardirnatural
{\field{\*\fldinst{HYPERLINK "http://stackoverflow.com/questions/6921792/how-to-draw-circle-in-html-page"}}{\fldrslt \cf0 http://stackoverflow.com/questions/6921792/how-to-draw-circle-in-html-page}}\
\
Animation:\
\pard\tx720\tx1440\tx2160\tx2880\tx3600\tx4320\tx5040\tx5760\tx6480\tx7200\tx7920\tx8640\ql\qnatural\pardirnatural
{\field{\*\fldinst{HYPERLINK "http://www.w3schools.com/js/tryit.asp?filename=tryjs_setinterval"}}{\fldrslt \cf0 http://www.w3schools.com/js/tryit.asp?filename=tryjs_setinterval}}\
\pard\tx720\tx1440\tx2160\tx2880\tx3600\tx4320\tx5040\tx5760\tx6480\tx7200\tx7920\tx8640\ql\qnatural\pardirnatural
{\field{\*\fldinst{HYPERLINK "http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_gettime"}}{\fldrslt \cf0 http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_gettime}}\
\pard\tx720\tx1440\tx2160\tx2880\tx3600\tx4320\tx5040\tx5760\tx6480\tx7200\tx7920\tx8640\ql\qnatural\pardirnatural
{\field{\*\fldinst{HYPERLINK "http://www.pagecolumn.com/javascript/setinterval.htm"}}{\fldrslt \cf0 http://www.pagecolumn.com/javascript/setinterval.htm}}l\
\
\pard\tx720\tx1440\tx2160\tx2880\tx3600\tx4320\tx5040\tx5760\tx6480\tx7200\tx7920\tx8640\ql\qnatural\pardirnatural
{\field{\*\fldinst{HYPERLINK "http://stackoverflow.com/questions/3656467/is-it-possible-to-focus-on-a-div-using-javascript-focus-function"}}{\fldrslt \cf0 http://stackoverflow.com/questions/3656467/is-it-possible-to-focus-on-a-div-using-javascript-focus-function}}\
{\field{\*\fldinst{HYPERLINK "http://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes"}}{\fldrslt http://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes}}\
{\field{\*\fldinst{HYPERLINK "http://www.w3schools.com/jsref/met_win_settimeout.asp"}}{\fldrslt http://www.w3schools.com/jsref/met_win_settimeout.asp}}\
\
\
}