var Presdt = [
["start",
[
["tbCenter", "Functional Programming
in
Javascript", { "top":120, "fontSize":48, "fontWeight":"bold" } ],
["tbCenter", "Pinkhas Nisanov", { "top":450, "fontSize":26 } ],
["tbCenter", "6 November 2007", { "top":480, "fontSize":20 } ]
]
],
["Why Javascript?",
[
["title", "Why Javascript?"],
[ "next", "tb", "AJAX - engine behind Web 2.0", { "left":50, "top":100, "fontSize":24 } ],
[ "next", "tb", "Asynchronous Javascript Access Xml", { "left":50, "top":140, "fontSize":24 } ]
]
],
["Why Functional Programming?",
[
["title", "Why Functional Programming?"],
[ "next", "tb", "New ( Old !? ) world trend", { "left":50, "top":100, "fontSize":26 } ],
[ "next", "leftIn", 80, 130, "tb", "Haskel presentation by microsoft reseach engineer", { "fontSize":20 } ],
[ "next", "tb", "Advanced technics in programming languages without OOP", { "left":50, "top":170, "fontSize":26, "width":800 } ],
[ "next", "tb", "Functional vs OOP", { "left":50, "top":210, "fontSize":26, "width":800 } ],
["next", "tb", "SICP - Structure and Interpretation of Computer Programs", { "left":50, "top":250, "fontSize":26, "width":800 } ],
]
],
["Functional Programming Basic Features",
[
["title", "Functional Programming Basic Features"],
[ "next", "tb", "first-class functions (including anonymous functions)", { "left":50, "top":100, "fontSize":26 } ],
[ "next", "leftIn", 80, 130, "tb", "a first class function can be created during the execution of a program, stored in a data structure, passed as an argument to another function", { "fontSize":20, "width":800 } ],
[ "next", "tb", "closures", { "left":50, "top":190, "fontSize":26 } ],
[ "next", "leftIn", 80, 220, "tb", "A closure is a function created by a program at run time. This idea is written as a function that appears entirely within the body of another function. The nested, inner function may refer to local variables of the outer function. As the outer function executes, it creates a closure of the inner function.", { "fontSize":20, "width":800 } ],
[ "next", "tb", "recursion", { "left":50, "top":320, "fontSize":26 } ],
[ "next", "leftIn", 80, 350, "tb", "The definition of an operation in terms of itself", { "fontSize":20, "width":800 } ]
]
],
["Recursion",
[
["title", "Recursion"],
["next", "tb", "\"Box In Box\" ", { "left":50, "top":100, "fontSize":26 } ],
["next", "tb",
'var setStyle = function ( elem, newStyle ) {
'+
' for ( var stylePrm in newStyle ) {
'+
' elem.style[ stylePrm ] = newStyle[ stylePrm ];
'+
' }
'+
'};
'+
'var pdv = document.createElement( "div" );
'+
'function bib ( bSize, bPrnt ) {
'+
' if ( bSize < 40 ) return;
'+
'
'+
' var newdv = document.createElement( "div" );
'+
' bPrnt.appendChild( newdv );
'+
' setStyle( newdv, { "position":"absolute" } );
'+
' setStyle( newdv, { "left":10, "top":10 } );
'+
' setStyle( newdv, { "width":bSize, "height":bSize } );
'+
' var cEl = parseInt( 99 * bSize / 300 );
'+
' var newClr = "#"+cEl+"bb"+cEl;
'+
' newdv.style.background = newClr;
'+
'
'+
' bib( bSize - 20, newdv );
'+
'};
'+
'bib( 300, pdv );',
{ "left":80, "top":150, "fontSize":16 } ],
["next", "runindiv", Example.bibEx, { "left":500, "top":100 } ],
]
],
["Recursion",
[
["title", "Recursion"],
["next", "tb", "\"One button\" ", { "left":50, "top":100, "fontSize":26 } ],
["next", "tb",
'var btn = document.createElement( "button" );
'+
'var swdv = document.createElement( "div" );
'+
'var swOff = function () {
'+
' btn.innerHTML = "Switch ON";
'+
' setStyle( swdv, { "background":"red" } );
'+
' btn.onclick = swOn;
'+
'};
'+
'var swOn = function () {
'+
' btn.innerHTML = "Switch OFF";
'+
' setStyle( swdv, { "background":"green" } );
'+
' btn.onclick = swOff;
'+
'};
'+
'swOff();
',
{ "left":80, "top":150, "fontSize":16 } ],
["next", "runindiv", Example.swBtn, { "left":600, "top":100 } ],
]
],
["First-Class Functions",
[
["title", "First-Class Functions"],
["next", "tb", "\"Format Check Box\" ", { "left":50, "top":100, "fontSize":26 } ],
["next", "tb",
'var pdv = document.createElement( "div" );
'+
'var chDt = [
'+
' ["Bold",function ( eldv ) { eldv.style.fontWeight = "bold"; } ],
'+
' ["Underline", function ( eldv ) { eldv.style.textDecoration = "underline"; } ],
'+
' ["Italic", function ( eldv ) { eldv.style.fontStyle = "italic"; } ]
'+
' ];
'+
'
'+
'var cats = [ "Lion", "Tiger" ];
'+
'var cellHt = 30;
'+
'var cellWd = 80;
'+
'var dresdv;
'+
'var shFn = function () {
'+
' if ( dresdv ) pdv.removeChild( dresdv );
'+
' dresdv = document.createElement( "div" );
'+
' var dOff = 0;
'+
' for ( var jj=0; jj<cats.length; ++jj ) {
'+
' var catdv = document.createElement( "div" );
'+
' setStyle( catdv, { "position":"absolute", "top":dOff, "left":200, "fontSize":28 } );
'+
' catdv.innerHTML = cats[jj];
'+
' for ( var kk=0; kk<chDt.length; ++kk ) {
'+
' if ( chDt[kk][2].checked ) chDt[kk][1]( catdv );
'+
' }
'+
'
'+
' dresdv.appendChild( catdv );
'+
' dOff += 50;
'+
' }
'+
' pdv.appendChild( dresdv );
'+
'};
'+
'
'+
'var chkOff = 0;
'+
'for ( var ii=0; ii<chDt.length; ++ii ) {
'+
' var chkBx = document.createElement( "input" );
'+
' chkBx.type = "checkbox";
'+
' setStyle( chkBx, { "position":"absolute", "top":chkOff, "left":0 } );
'+
' chkBx.onclick = shFn;
'+
' var chkdv = document.createElement( "div" );
'+
' setStyle( chkdv, { "position":"absolute", "top":chkOff, "left":20, "fontSize":22 } );
'+
' chkdv.innerHTML = chDt[ii][0];
'+
' chDt[ii][2] = chkBx;
'+
' pdv.appendChild( chkBx );
'+
' pdv.appendChild( chkdv );
'+
'
'+
' chkOff += cellHt + 2;
'+
'}
'+
'
'+
'return pdv;
',
{ "left":80, "top":150, "fontSize":16 } ],
["next", "runindiv", Example.chkFns, { "left":600, "top":100 } ],
]
],
["Closures",
[
["title", "Closures"],
["next", "tb", "\"Stepper\" ", { "left":50, "top":100, "fontSize":26 } ],
["next", "tb",
'var pdv = document.createElement( "div" );
'+
'
'+
'var stepper = function ( parent, sLf, sTp, step, limit, title ) {
'+
' var sEl = document.createElement( "div" );
'+
' setStyle( sEl, { "position":"absolute", "top":sTp, "left":sLf, "fontSize":20, "width":100 } );
'+
' sEl.innerHTML = title;
'+
' parent.appendChild( sEl );
'+
'
'+
' var currTop = sTp;
'+
' var direc = 1;
'+
' var stpFn = function () {
'+
' if ( currTop > limit ) direc = -1;
'+
' if ( currTop < sTp ) direc = 1;
'+
' currTop += step*direc;
'+
' setStyle( sEl, { "top":currTop } );
'+
' }
'+
' return stpFn;
'+
'};
'+
'
'+
'var t1 = document.createElement( "button" );
'+
'setStyle( t1, { "position":"absolute", "top":0, "left":10, "fontSize":28, "width":100, "textDecoration":"underline" } );
'+
't1.innerHTML = "Step 1";
'+
'pdv.appendChild( t1 );
'+
'
'+
'var t2 = document.createElement( "button" );
'+
'setStyle( t2, { "position":"absolute", "top":0, "left":130, "fontSize":28, "width":100, "textDecoration":"underline" } );
'+
't2.innerHTML = "Step 2";
'+
'pdv.appendChild( t2 );
'+
'
'+
'var s1 = stepper( pdv, 10, 50, 20, 200, "Step 11" );
'+
't1.onclick = s1;
'+
'var s2 = stepper( pdv, 130, 50, 40, 240, "Step 22" );
'+
't2.onclick = s2;
',
{ "left":80, "top":150, "fontSize":16 } ],
["next", "runindiv", Example.stpEx, { "left":600, "top":100 } ],
]
],
["T",
[
["title", "To be continued..."]
]
]
];