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('
Inner Pagelet \(o_o)/
'); } $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';"); ?>