DynAPI Examples - ViewPane
dynapi.library.setPath('./dynapisrc/');
dynapi.library.include('dynapi.api');
dynapi.library.include('ViewPane');
var html_content = new Array();
html_content[0] = '\n' +
' \n' +
' \n' +
' Content #1
\n' +
' This is test messaage
\n' +
' DynAPI\n' +
' ViewPane\n' +
' Sub Menu\n' +
' Some Text Some Text Some Text Some Text\n' +
' Some Text Some Text Some Text Some Text\n' +
' Some Text Some Text Some Text Some Text\n' +
' \n' +
' \n' +
'\n';
html_content[1] = '\n' +
' \n' +
' \n' +
' Content #2
\n' +
' Some Text Some Text Some Text Some Text\n' +
' Some Text Some Text Some Text Some Text\n' +
' Some Text Some Text Some Text Some Text\n' +
' Some Text Some Text Some Text Some Text\n' +
' \n' +
' \n' +
'';
html_content[2] = '\n' +
' \n' +
' \n' +
' Content #3
\n' +
' Some Text Some Text Some Text Some Text\n' +
' Some Text Some Text Some Text Some Text\n' +
' Some Text Some Text Some Text Some Text\n' +
' Some Text Some Text Some Text Some Text\n' +
' \n' +
' \n' +
'';
html_content[3] = '\n' +
' \n' +
' \n' +
' Content #4
\n' +
' Some Text Some Text Some Text Some Text\n' +
' Some Text Some Text Some Text Some Text\n' +
' Some Text Some Text Some Text Some Text\n' +
' Some Text Some Text Some Text Some Text\n' +
' \n' +
' \n' +
'';
html_content[4] = '\n' +
' \n' +
' \n' +
' Content #5
\n' +
' Some Text Some Text Some Text Some Text\n' +
' Some Text Some Text Some Text Some Text\n' +
' Some Text Some Text Some Text Some Text\n' +
' Some Text Some Text Some Text Some Text\n' +
' \n' +
' \n' +
'';
var vp = new Array();
vp[0] = new ViewPane(null,200,25,200,160);
vp[1] = new ViewPane(null,450,25,200,160);
vp[2] = new ViewPane(null,200,225,200,160);
vp[3] = new ViewPane(null,450,225,200,160);
vp[0].setContent(new DynLayer('Test Layer1',10,10,250,250,'yellow'));
vp[1].setContent(new DynLayer('Test Layer2',10,10,250,250,'yellow'));
vp[2].setContent(new DynLayer('Test Layer3',10,10,250,250,'yellow'));
vp[3].setContent(new DynLayer('Test Layer4',10,10,250,250,'yellow'));
changeContent(0,0);
changeContent(1,0);
changeContent(2,0);
changeContent(3,0);
dynapi.document.addChild(vp[0]);
dynapi.document.addChild(vp[1]);
dynapi.document.addChild(vp[2]);
dynapi.document.addChild(vp[3]);
function changeContent (vp_inx,html_inx)
{
vp[vp_inx||0].setContent( html_content[html_inx||0] );
};
var rand_timer = 0;
var rand_interval = 1000;
var rand_n = 1;
var rand_n_rand = false;
function rand_start (n)
{
rand_n = n || rand_n;
if ( rand_n_rand == true )
{
rand_n = getRandomInt( 0, vp.length - 1 );
}
switch ( rand_n )
{
case 1:
var vp_inx = getRandomInt( 0, vp.length - 1 );
var html_inx = getRandomInt( 0, html_content.length - 1 );
changeContent( vp_inx, html_inx );
break;
case 2:
var vp_inxs = new Array();
var html_inxs = new Array();
while ( vp_inxs.length < rand_n )
{
var vp_inx = getRandomInt( 0, vp.length - 1 );
var found = false;
for ( var i = 0; i < vp_inxs.length; i++ )
{
if ( vp_inxs[i] == vp_inx )
{
found = true;
break;
}
}
if ( ! found )
{
vp_inxs[vp_inxs.length] = vp_inx;
html_inxs[html_inxs.length] = getRandomInt( 0, html_content.length - 1 );
}
continue;
}
for ( var i = 0; i < vp_inxs.length; i++ )
{
changeContent( vp_inxs[i], html_inxs[i] );
}
break;
case 3:
var vp_inx = getRandomInt( 0, vp.length - 1 );
for ( var i = 0; i < vp.length; i++ )
{
var html_inx = getRandomInt( 0, html_content.length - 1 );
if ( i != vp_inx )
{
changeContent( i, html_inx );
}
}
break;
case 4:
for ( var i = 0; i < vp.length; i++ )
{
var html_inx = getRandomInt( 0, html_content.length - 1 );
changeContent( i, html_inx );
}
break;
default:
rand_stop();
}
rand_timer = window.setTimeout( 'rand_start()', rand_interval );
}
function rand_stop ()
{
window.clearTimeout( rand_timer );
rand_timer = 0;
}
function rand_reset ( )
{
rand_n = 1;
rand_interval = 1000;
rand_n_rand = false;
if ( rand_timer == 0 )
{
rand_start();
}
}
function set_rand_interval ( n )
{
rand_interval = n || 1000;
if ( rand_timer == 0 )
{
rand_start();
}
}
function rand_mult (n)
{
rand_n = n || 1;
if ( rand_timer == 0 )
{
rand_start();
}
}
function set_rand_n_rand ( b )
{
rand_n_rand = b;
if ( rand_timer == 0 )
{
rand_start();
}
}
function getRandomInt ( min, max )
{
return Math.floor( min + Math.random() * ( max - min + 1 ) );
}
ViewPane
C
o
n
t
e
n
t
VP1
VP2
VP3
VP4
C1
x
x
x
x
C2
x
x
x
x
C3
x
x
x
x
C4
x
x
x
x
C5
x
x
x
x
Start random
Stop random
Reset random
1-up random
2-up random
3-up random
4-up random
?-up random (on)
?-up random (off)
0.25s interval
0.5s interval
1s interval
5s interval
10s interval
dynapi.document.insertAllChildren();
dynapi.zip( 791 k)