Dit is een WordPress-plugin die een pop-up zoekbalk toevoegt aan een website. Via een shortcode (
In dat zoekvenster kan de gebruiker een zoekterm intypen. Terwijl hij typt, wacht de plugin 300 milliseconden en stuurt daarna automatisch een verzoek naar de server — zonder dat de pagina hoeft te herladen. Dit heet een AJAX-verzoek, en het zorgt voor een vloeiende, snelle zoekervaring.
De zoekresultaten komen uit twee bronnen: gewone blogposts en een custom post type genaamd begrippenlijst. Via drie checkboxes kan de gebruiker filteren op categorie: CSS-begrippen, JavaScript-begrippen, en/of blogberichten. Alleen de aangevinkte categorieën worden meegenomen in de zoekopdracht.
Aan de serverkant verwerkt de functie sam_popup_ajax() het verzoek. Hij haalt de zoekterm en filters op, voert aparte WordPress-queries uit voor blogs en begrippen, en stuurt de resultaten terug als HTML. Die HTML wordt vervolgens direct in het zoekvenster geplaatst.
Tot slot regelt de plugin ook dat het JavaScript weet waar de WordPress AJAX-handler te vinden is, via wp_localize_script. Dit is de standaard WordPress-manier om een PHP-variabele (de URL van admin-ajax.php) beschikbaar te maken in JavaScript. De stijlen en scripts worden geladen via de wp_footer-hook, zodat ze pas laden nadat de rest van de pagina klaar is.
Hieronder de download voor de plugin: