diff options
| author | Thomas Lange <code@nerdmind.de> | 2016-04-22 21:17:53 +0200 |
|---|---|---|
| committer | Thomas Lange <code@nerdmind.de> | 2016-04-22 21:17:53 +0200 |
| commit | 7a49346f8069d814c51af2e0cefcc6e66fe9826e (patch) | |
| tree | 1de48b8be3e12ec4ea8d6695f99217d39de26ebf /async.php | |
| parent | 74d01962a6f77eb2b8138864f18ed53eb136c432 (diff) | |
| download | bigpipe-7a49346f8069d814c51af2e0cefcc6e66fe9826e.tar.gz bigpipe-7a49346f8069d814c51af2e0cefcc6e66fe9826e.tar.xz bigpipe-7a49346f8069d814c51af2e0cefcc6e66fe9826e.zip | |
Multiple updates with async demo.
Diffstat (limited to 'async.php')
| -rwxr-xr-x | async.php | 144 |
1 files changed, 144 insertions, 0 deletions
diff --git a/async.php b/async.php new file mode 100755 index 0000000..9093c87 --- /dev/null +++ b/async.php @@ -0,0 +1,144 @@ +<?php
+# >>> [Additional code for the async function]
+
+#===============================================================================
+# FUNCTION: Return TRUE if the request awaiting a async response
+#===============================================================================
+function isAsyncRequest() {
+ return isset($_GET['response']) AND $_GET['response'] === 'async';
+}
+
+# <<<
+
+#===============================================================================
+# Deactivate caching
+#===============================================================================
+header('Cache-Control: no-cache, no-store, must-revalidate');
+
+#===============================================================================
+# Include classes and functions
+#===============================================================================
+require_once 'include/classes/BigPipe/BigPipe.php';
+require_once 'include/classes/BigPipe/Pagelet.php';
+require_once 'include/classes/BigPipe/DemoPagelet.php';
+require_once 'include/functions.php';
+
+#===============================================================================
+# Check if BigPipe should be disabled
+#===============================================================================
+if(isset($_GET['bigpipe']) AND (int) $_GET['bigpipe'] === 0) {
+ // You can also check for search spiders and disable the pipeline
+ BigPipe\BigPipe::enablePipeline(FALSE);
+}
+
+#===============================================================================
+# Pagelet with red background color
+#===============================================================================
+$PageletRed = new BigPipe\DemoPagelet();
+$PageletRed->addHTML('<section id="red" class="text">['.time().'] I AM A PAGELET WITH RED BACKGROUND</section>');
+$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\DemoPagelet('customPageletID', BigPipe\Pagelet::PRIORITY_HIGH);
+$PageletBlue->addHTML('<section id="blue" class="text">['.time().'] I AM A PAGELET WITH BLUE BACKGROUND</section>');
+$PageletBlue->addCSS('static/blue.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\DemoPagelet();
+$PageletGreen->addHTML('<section id="green" class="text">['.time().'] I AM A PAGELET WITH GREEN BACKGROUND</section>');
+$PageletGreen->addCSS('static/green.php');
+$PageletGreen->addJS('static/delayJS.php');
+$PageletGreen->addJSCode("document.getElementById('green').innerHTML += ' [JS executed]';document.getElementById('green').style.borderRadius = '30px';");
+?>
+<!DOCTYPE html>
+<html lang="de">
+<?php if(!isAsyncRequest()): ?>
+<head>
+ <meta charset="UTF-8" />
+ <meta name="robots" content="noindex, nofollow" />
+ <style>
+ html{margin:0;padding:0;background:#B9C3D2;font-family:Calibri,Sans-Serif;}
+ body{max-width:1200px;margin:0 auto;}
+ .text{color:white;margin-bottom:30px;padding:40px;border-radius:4px;font-weight:600;text-align:center;border:4px solid black;}
+ .hidden{display:none;}
+ </style>
+ <script>
+ var globalExecution = function globalExecution(code) {
+ window.execScript ? window.execScript(code) : window.eval.call(window, code);
+ };
+ </script>
+ <script src="static/bigpipe.js"></script>
+ <title>BigPipe Demo</title>
+ <!-- >>> [Additional code for the async function] -->
+ <script>
+ var Application = {
+ placeholderHTML: function(HTML) {
+ document.getElementById('placeholder_container').innerHTML = HTML;
+ }
+ };
+
+ function fireAsyncRequest(href) {
+ console.info('ASYNC REQUEST FIRED!');
+ Application.placeholderHTML("");
+ BigPipe.reset();
+ var transport_frame;
+
+ if(transport_frame = document.getElementById('transport_frame')) {
+ document.body.removeChild(transport_frame);
+ }
+
+ var iframe = document.createElement('iframe');
+ iframe.setAttribute('id', 'transport_frame');
+ iframe.setAttribute('class', 'hidden');
+ iframe.setAttribute('src', href + '?response=async');
+
+ document.body.appendChild(iframe);
+
+ iframe.onload = function() {
+ document.body.removeChild(iframe);
+ }.bind(this);
+
+ return false;
+ }
+ </script>
+ <!-- <<< -->
+</head>
+<?php endif; ?>
+<body>
+<?php if(!isAsyncRequest()): ?>
+<h1>BigPipe Async Demo</h1>
+
+<p><a href="async.php" onclick="return fireAsyncRequest(this)">LOAD CONTENT VIA TRANSPORT FRAME</a> [Current Time: <?=time();?> – So you can see, that the page does not get completely reloaded]</p>
+<p><em>Look at the developer console of your browser to see the debug messages and how the async response from server looks.</em></p>
+
+<section id="placeholder_container">
+ <?php else: ob_start(); endif; ?>
+ <?php
+ echo $PageletRed;
+ echo $PageletBlue;
+ echo $PageletGreen;
+ ?>
+ <?php if(!isAsyncRequest()):?>
+</section>
+<footer><strong>The footer of the page.</strong></footer>
+
+<?php endif;
+if(isAsyncRequest()) {
+ $BUFFER = removeLineBreaksAndTabs(ob_get_clean());
+ echo '<script>["Application","BigPipe"].forEach(function(name){window[name] = parent[name];});</script>'."\n";
+ echo '<script>["BigPipe", "Application"].forEach(function(name){window[name] = parent[name];});</script>'."\n";
+ echo '<script>Application.placeholderHTML('.json_encode($BUFFER).');</script>'."\n\n";
+}
+
+BigPipe\BigPipe::render();
+?>
+</body>
+</html>
\ No newline at end of file |