Module AjaxSearch

[kongondo]

@Roxanne,

Welcome to ProcessWire and the forums.

The source code is here in GitHub

And this is the module's page

[MaryMatlow]

This may be a dumb question, but how do in call it on the page? What would be the markup? Thanks.

[szabesz]

4 hours ago, MaryMatlow said:

This may be a dumb question, but how do in call it on the page? What would be the markup? Thanks.

Hi, Did you see this?

 

[MaryMatlow]

10 hours ago, szabesz said:

Hi, Did you see this?

 

No, I had not. Thanks, it did help. Also, I want show just the search button or icon and on click make the search field open up. Is there a way to do that? Thanks.

[cyberderf]

Installed on version 3.0.87, default minimal site profile. I added the correct id in the _head template, but nothing happen when typing.

 

[flydev]

Hi again,

look like you forgot to include jQuery ?

 

Edited January 7, 2019 by flydev
jQuery

[cyberderf]

4 hours ago, flydev said:

Hi again,

look like you forgot to include jQuery ?

 

It's here at the end of the page. It's including itself with the plugin . 

But I added this at the end of my search.php template whihc was missing. 

<?php 

if(!$config->ajax) include("./head.inc");
echo $out;
if(!$config->ajax) include("./foot.inc"); 

?>

 

Still nothing shows up!

 

[flydev]

Nope jQuery (the third party JavaScript library) isn't added by the module.

 

Try to add this piece of code just after the footer then refresh your page :

<script src="https://code.jquery.com/jquery-3.3.1.js" crossorigin="anonymous"></script>

 

[cyberderf]

17 hours ago, flydev said:

Nope jQuery (the third party JavaScript library) isn't added by the module.

 

Try to add this piece of code just after the footer then refresh your page :

<script src="https://code.jquery.com/jquery-3.3.1.js" crossorigin="anonymous"></script>

  

?‍♂️ Great it works now! 

P.S Perhaps it should added to the readme of the plugin. 

[Autofahrn]

In case someone else stumbles over similar demands like me, I put my modified AjaxSearch.js here: AjaxSearch.js

It allows to use an existing #ajaxSearch element, so you may place the result anywhere in your markup (for example an overlay like I did here: https://pwflex.team-tofahrn.de/).

Then I had a problem with excess GET requests which do not cancel server-side processing, so getting the result after typing many characters took seconds. That script uses a different scheduling.

Its a direct replacement, so you may try and revert to the original safely.

Edit: I've updated the script to send the value URI encoded like this:

        data: param_name+"="+encodeURIComponent(value),

Allows to send queries containing special chars like &