I am using Adaptive Theme and added wrappers.
My test page: http://www.root.artwaves.de/screensnapr/1351516467-8ykVMr.jpg
Ok first my code

/**
 * Implements hook_search_api_ajax_settings().
 */
function product_distri_search_api_ajax_settings() {
  $settings = array(

    // required: CSS ID for the main content (search results html)
    'content' => '#content .content',

    // required: array of regions with search-related blocks => CSS ID's
    'regions' => array(
      //'my_region' => '#my-css-id',
      //'sidebar_first' => '#sidebar-first',
      'sidebar_second' => '#sidebar-second',
      //'two_brick_bottom' => '.region-two-brick-bottom'
    ),

    // optional: if you want to show a spinner image on AJAX
    'spinner' => drupal_get_path('module', 'search_api_ajax') .'/spinner.gif',

    // optional: if you want to scroll-back-to-top on paging search results
    'scrolltarget' => '#main-content',
    'scrollspeed' => 1000,

    // optional: fade main content on AJAX (fade=1 for true)
    'fade' => 1,
    'opacity' => 0.3,
  );

  return $settings;
}

i added a wrapper around the view html (.content)
http://www.root.artwaves.de/screensnapr/1351516257-HTkXgp.jpg

I added #sidebar-first to the sidebar
http://www.root.artwaves.de/screensnapr/1351516321-Ne3vGq.jpg

clicking the facets reloads the page. somehow clicking the reset button (of current search block via facet_api_bonus) loads ajax loader and resets the page, no reload, so ajax.

i also took a look at your page http://www.shopcircuit.com. am i missing something important here?

CommentFileSizeAuthor
#6 1825994-6.patch764 bytesAnonymous (not verified)

Comments

Anonymous’s picture

Hi, what is the URL of your search page?

I haven't tested yet with the checkbox links, can you try regular links? The ajax system detects link-clicks and the query form submit. We might need to add support for those checkboxes and dropdown-boxes.

marcoka’s picture

url is dev.test.de/sapi-test
yes it is the check boxes. normal links work.
ranges:dropdown list does not seem to work, too (your module search_api_ranges)

marcoka’s picture

first test adding

    //DROPDOWN
      $(selector + ' option[value^="' + Drupal.settings.basePath + ajaxPath + '"], ' + selector + ' option[value^="' + Drupal.settings.basePath + 'search_api_ajax/' + ajaxPath + '"]').live('click', function() {
          console.log($(this).attr('value'));
          return Drupal.search_api_ajax.navigateUrl($(this).attr('value'));
      });

notes:
seems to work in ff, but not in chrome.

Anonymous’s picture

Version: 7.x-1.1 » 7.x-1.x-dev

Thanks for the suggestion, I'll try to make a patch for the range dropdowns.
Maybe the 'click' action needs to be 'blur' or something else to register the change.

marcoka’s picture

seems click events on options are not valid in crome :), klets see if i find something on the net.

Anonymous’s picture

Status: Active » Needs review
StatusFileSize
new764 bytes

I think you can use 'change', and for performance we should listen to the select, not the individual options. Can you review if this works? Patch attached

 //DROPDOWN
      $(selector + ' select[id^="facetapi_select"]').live('change', function() {
          return Drupal.search_api_ajax.navigateUrl($(this).val());
      });
marcoka’s picture

seems to work for the range dropdown.
hm. it seems that the RESET button added via facetapi_bonus module doesnt work anymore when search ajax is enabled. When i hit reset, all facets disappear.

Anonymous’s picture

Status: Needs review » Fixed

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

Anonymous’s picture

Issue summary: View changes

.