mortenf

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


OnLoad'er

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

Jon Christopher

Pavlo

<p><strong>Does not require</strong> <a href="https://searchwp.com/?utm_source=WordPress&utm_medium=Plugin+Readme+Requirement+Link&utm_campaign=Live+Ajax+Search&utm_content=SearchWP" rel="nofollow ugc">SearchWP</a>, but will utilize it if available. <a href="https://searchwp.com/extensions/live-search/" rel="nofollow ugc">Full documentation</a> is available at searchwp.com.</p>
<p>SearchWP Live Ajax Search enables AJAX powered live search for your search forms. Designed to be a developer’s best friend, SearchWP Live Ajax Search aims to stay out of your way but at the same time allowing you to customize everything about it. It’s set up to work with any WordPress theme and uses a template loader to display results. The template based approach allows you to seamlessly customize your SearchWP Live Search implementation without messing with dozens of cluttered options.</p>
<h4>Works best with SearchWP (but SearchWP is not necessary)</h4>
<p>SearchWP Live Ajax Search <em>is best utilized</em> in conjunction with <a href="https://searchwp.com/?utm_source=WordPress&utm_medium=Plugin+Readme+Best+Link&utm_campaign=Live+Ajax+Search&utm_content=SearchWP" rel="nofollow ugc">SearchWP</a>, but <strong>it is not required</strong>. If SearchWP is installed and activated, SearchWP Live Ajax Search can be customized to use any of your search engines <em>per search form</em>.</p>
<h4>Customization</h4>
<p>You can customize the implementation of SearchWP Live Ajax Search to a great degree, including any number of developer-defined configurations. The results are based on a template loader, allowing SearchWP Live Ajax Search to stay out of your way and letting you write the results template as you would any other WordPress theme file.</p>
<p><em>Everything</em> is powered by adding a single HTML5 data attribute (<code>data-swplive="true"</code>) to the input field of your search form. This happens automagically out of the box for any search forms generated from <code>get_search_form()</code>.</p>
<h4>Widget support</h4>
<p>SearchWP Live Ajax Search ships with a Widget allowing you to insert live search forms wherever you’d like.</p>


SearchWP Live Ajax Search

Works lovely with any search plugin you want to use. WP default, Relevanssi, or SearchWP. Very nice and makes your website search that much friendlier to use!

Beautiful! Works and fast! (default WP search, Relevanssi)


Great job to the developer! This is amazing. The customization options have been thought through incredibly well.


Amazing Work

Template powered live search for any WordPress theme. Does not require SearchWP, but will utilize it if available.

OnLoad'er vs SearchWP Live Ajax Search