source.c1l4.txt

您的联系人可以拨打此号码发送传真

--------------------------------------------
Chapter 1 Lesson 4 - Code Snippet File
--------------------------------------------

Please refer to page <NN> of <NN>.

--------------------------------------------
ApplicationDefinition.xml
--------------------------------------------

No changes.

--------------------------------------------
index.html
--------------------------------------------

Snippet 1:
============================================

    /* make 'thePage' just fill the browser window and resize automagically
       the user resizes the browser */
    new Jx.Layout('thePage');

    /* the height of toolbars.  For jxskin-border,
     * its 28 and for jxskin-graphic its 30 */
    var h = 30;
    new Jx.Layout('Main', {bottom: 22, right: 250});
    new Jx.Layout('Statusbar', {height: 22, top: null});
    new Jx.Layout('TaskPane', {bottom: 22, width: 250, left: null});
    new Jx.Layout('Toolbar', {height: h, bottom: null});
    new Jx.Layout('Splitter', {top: h});

============================================


Snippet 2:
============================================

    /* create a split between the map and panels */
    var splitter = new Jx.Splitter('Splitter', {elements: [$('PanelPane'), $('Map')], containerOptions: [{width: 200}, {}]});

    /* create a Status Bar */
    new Jx.Splitter('Statusbar', {elements: [$('CursorPosition'), $('SelectionInfo'), $('EditableScale'), $('ViewSize'), $('LinkToView'), $('PoweredBy')], containerOptions: [{}, {}, {}, {}, {}, {width: 143, maxWidth: 143, minWidth: 143}]});

============================================


Snippet 3:
============================================

    /* create the Panels */
    var p1 = new Jx.Panel({label: 'Legend'});
    p1.content.id = 'Legend';
    var p2 = new Jx.Panel({label: 'Selection'});
    p2.content.id = 'SelectionPanel';
    var p3 = new Jx.Panel({label: 'Overview Map'});
    p3.content.id = 'OverviewMap';
    var pm = new Jx.PanelManager('PanelPane', [p1, p2, p3]);

    /* show the page contents after Jx Layout has initialized */
    $('thePage').resize();
    $('thePage').style.visibility = 'visible';

============================================