mortenf

This shortcode, <code>onloader</code>, makes it possible to dynamically load extra content onto a page, with a nice spinning 
load indicator taking the place of the content until it is loaded.
<h4>Usage</h4>
Add a shortcode like the following to the content of a post or page.
<pre><code>[onloader href="..." id="..." width="..." height="..." style="..."]
</code></pre>
The <code>href</code> attribute is mandatory, the rest are optional.
Attribute descriptions:
<ul>
<li>href: The URL of the the content that should be loaded and displayed (or a string beginning with “demo”).</li>
<li>id: Used to differentiate between several otherwise identical shortcodes on a single page. Should be a simple 
text string beginning with a letter.</li>
<li>width: The width of the box that will hold the load indicator and the content once it is loaded, expressed as 
CSS, e.g. <code>200px</code> or <code>100%</code>. The default value is <code>100%</code>.</li>
<li>height: The height of the box that will hold the load indicator and the content once it is loaded, expressed as 
CSS, e.g. <code>200px</code> or <code>100%</code>. The default value is <code>200px</code>.</li>
<li>style: CSS to style the box that holds the content, e.g. <code>text-align: center; color: red</code>.</li>
</ul>
<h4>Example</h4>
<pre><code>[onloader href="http://example.com/feed" id="example1" width="80%" height="15em" style="border: 1px solid blue"]
</code></pre>
<h3>License</h3>
Copyright (c) 2009 Morten Høybye Frederiksen <a href="mailto:morten@wasab.dk" rel="nofollow ugc">morten@wasab.dk</a>
Permission to use, copy, modify, and distribute this software for any 
purpose with or without fee is hereby granted, provided that the above 
copyright notice and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED “AS IS” AND THE AUTHOR DISCLAIMS ALL WARRANTIES 
WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF 
MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR 
ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES 
WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN 
ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF 
OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

OnLoad'er

A shortcode for loading content via AJAX on page load with a spinning load indicator.

berkux

<h4>Live Data Display is a powerful WordPress plugin that loads JSON feeds via HTTP and displays live-updating values on your site — with no page reload required.</h4>
Perfect for live tickers, stock prices, sports results, weather data, sensor readings, and any other real-time data source.
Key Features:
<ul>
<li>Multiple independent slots: Configure as many data slots as you need, each with its own API URL, refresh interval, and display target.</li>
<li>Shortcode and Gutenberg block: Place data anywhere with <code>[araa slot="slot_1"]</code> or the built-in block.</li>
<li>Auto-refresh: Each slot refreshes independently at a configurable interval (minimum 500 ms).</li>
<li>Server-side initial value: For slots with a refresh interval ≥ 10 s the initial value is pre-rendered server-side and cached, so visitors see data immediately — no flash of empty content.</li>
<li>Proxy for cross-origin APIs: Optional server-side proxy (admin-ajax or REST API) fetches external URLs from the server, bypassing browser CORS restrictions.</li>
<li>Customisable GET parameters: Use <code>#GET_key#</code> placeholders in the API URL to pass the current page’s GET parameters to the remote API.</li>
<li>Prefix / Suffix: Wrap every displayed value with configurable text (e.g. currency symbol, unit).</li>
<li>Error text: Show a custom fallback message when the API request fails or the JSON path is not found.</li>
<li>Page-visibility aware: Slots pause polling while the browser tab is hidden and resume immediately when it becomes visible again.</li>
<li>Active / Inactive toggle: Enable or disable individual slots without deleting their configuration.</li>
<li>Built-in demo APIs: The plugin ships with six ready-to-use REST API endpoints that can serve as live data sources straight away — no external service needed. Each endpoint must be individually enabled under Settings → Live Data Display → API:
<ul>
<li><code>/wp-json/araa/v1/api/time</code> — current server time, date, weekday, and timezone</li>
<li><code>/wp-json/araa/v1/api/countdown</code> — seconds/days until a target date (<code>?to=YYYY-MM-DD</code>; defaults to next New Year)</li>
<li><code>/wp-json/araa/v1/api/random</code> — random integer within a configurable range (<code>?min=1&max=100</code>)</li>
</ul>
</li>
<li>Clean uninstall: All plugin data is removed on deletion (optional: keep settings).</li>
</ul>
How It Works:
<ol>
<li>Add a slot: Go to Settings → Live Data Display and create a slot.</li>
<li>Enter the API URL: Paste the JSON feed URL. Use <code>#GET_key#</code> for dynamic GET parameters.</li>
<li>Set the JSON path: Enter the dot-separated path to the value you need (e.g. <code>items.0.score</code>).</li>
<li>Choose a proxy method (only needed for external/cross-origin URLs): admin-ajax or REST API proxy.</li>
<li>Set the refresh interval: How often (in milliseconds) should the value be updated?</li>
<li>Place the output: Use the shortcode <code>[araa slot="slot_1"]</code>, the Gutenberg block, or a custom CSS/jQuery selector.</li>
<li>Optional: Add prefix, suffix, placeholder, error text, and an initial-hide selector.</li>
<li>Optional — enable REST API: To expose slot values via the plugin’s own REST API endpoints, go to Settings → Live Data Display → API and activate the feature. The endpoints are disabled by default.</li>
</ol>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/mzQLX8xkfOU?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>

Live Data Display

Load JSON data via API, display it on your WordPress site, and auto-refresh it at custom intervals — without reloading the page.

OnLoad'er vs Live Data Display