JavaScript Inheritance and Object Programming

Examples (of Class-Based Inheritance) from Using JSWindows: Lesson 11

© 21 May, 2013, Martin Rinehart

This code launches the Lesson 11 windows:

var win0 = new jsw2.Window_M_BS( jsw2.SCREEN, 'win0', [100,400, 300,300], [ 'gold','groove',8, 150 ], {textAlign: 'center'}, {innerHTML: '<p><p>I\'m a Container!<p>'}, 'Drag Handle', ['0', '1', '2'] ); var win1 = new jsw2.Window_M_BS( win0, 'win1', [30,50, 150,75], [ 'red', 'ridge', 5, [100,50] ], {}, {}, ' Oval', ['min','1','2','max'] ); var win2 = new jsw2.Window_M_BS( win0, 'win2', [100,130, 100,100], [ 'red', 'ridge', 5 ], {}, {}, ' Square', ['min','1','2','max'] );

• Window_M_BS—movable, button-sizable window
• SCREEN—the top window container
• 'win0'—unique name (will be DOM ID)
• [100,400, 300,300]—left,top, width,height
• [ 'gold','groove',8,—border color, style, width
• 150—border radius (all 4 corners)
• {textAlign: 'center'}—style config object
• {innerHTML: '<p><p>I\'m a Container!<p>'}—"other" object(properties/values to attach to DOM element)
• 'Drag Handle'—the window title (drag handle)
• ['0', '1', '2']—list of window (re)sizing buttons to show



• Window_M_BS—movable, button-sizable window
• win0—the container
• 'win1'—unique name (will be DOM ID)
• [30,50, 150,75]—left,top, width,height
• [ 'red', 'ridge', 5, [100,50] ]—border color, style, width, border radii (all 4 corners)
• {}—style config object
• {}—"other" object
• ' Oval'—the window title (drag handle)
• ['min','1','2','max']—list of window (re)sizing buttons to show



• Window_M_BS—movable, button-sizable window
• win0—the container
• 'win2'—unique name (will be DOM ID)
• [100,130, 100,100]—left,top, width,height
• [ 'red', 'ridge', 5 ]—border color, style, width
• {}—style config object
• {}—"other" object
• ' Square'—the window title (drag handle)
• ['min','1','2','max']—list of window (re)sizing buttons to show

Feedback: Martin Rinehart at gmail dot com.

# # #