addHTML('I AM A PAGELET WITH RED BACKGROUND');
$PageletRed->addCSS('static/red.php');
$PageletRed->addCSS('static/red.php');
$PageletRed->addJS('static/delayJS.php');
$PageletRed->addJSCode("document.getElementById('red').innerHTML += ' [JS executed]';document.getElementById('red').style.borderRadius = '30px';");
#===============================================================================
# Pagelet with blue background color
#===============================================================================
$PageletBlue = new BigPipe\Pagelet('bluePL', BigPipe\Pagelet::PRIORITY_HIGH);
$PageletBlue->addHTML('I AM A PAGELET WITH BLUE BACKGROUND');
$PageletBlue->addCSS('static/blue.php');
$PageletRed->addCSS('static/red.php');
$PageletBlue->addJS('static/delayJS.php');
$PageletBlue->addJSCode("document.getElementById('blue').innerHTML += ' [JS executed]';document.getElementById('blue').style.borderRadius = '30px';");
#===============================================================================
# Pagelet with green background color
#===============================================================================
$PageletGreen = new BigPipe\Pagelet('greenPL');
{
#===============================================================================
# Pagelet within $PageletGreen
#===============================================================================
// The third parameter is required to ensure that the $InnerPagelet will only be
// executed if the HTML from the $PageletGreen has ALREADY DISPLAYED. Otherwise,
// $InnerPagelet would not find his placeholder tag which is defined WITHIN the
// HTML on $PageletGreen. Of course, you can still add other pagelets as
// dependency. Then will $InnerPagelet only displayed if all dependencies are
// already displayed!
//
// NOTE: PRIORITY_HIGHEST is only set so that you can see, that this pagelet is
// the first which arrives, but it will first be displayed if his dependency
// pagelets are already displayed.
$InnerPagelet = new BigPipe\Pagelet('innerPL', BigPipe\Pagelet::PRIORITY_HIGHEST, [$PageletGreen->getID()]);
$InnerPagelet->addHTML('');
}
$PageletGreen->addHTML('I AM A PAGELET WITH GREEN BACKGROUND'.$InnerPagelet.'');
$PageletGreen->addCSS('static/green.php');
$PageletGreen->addJS('static/delayJS.php');
$PageletGreen->addJSCode("document.getElementById('green').innerHTML += ' [JS executed]';document.getElementById('green').style.borderRadius = '30px';");
?>