Jump to content


Photo
* * * * * 2 votes

AJAX фильтр

рецепт фильтр ajax

69 replies to this topic

#31 mdcsfk

mdcsfk
  • JBZoo User (rus)
  • User rate: 0.1
  • posts: 207
  • topics: 49

Posted 21 February 2014 - 04:25

Реализовал у себя. Т.к. в моем случае кнопка покупки не нужна - я очень доволен)

 

Интересует теперь такой вопрос: как  сделать ajax запрос при нажатии на кнопку "поиск"?


  • 0

#32 B_A_H_O

B_A_H_O
  • JBZoo User (rus)
  • User rate: 1.6
  • posts: 309
  • topics: 62

Posted 21 February 2014 - 15:58

Ещё вопрос, а можно ли добавить анимационную картинку "загрузка" когда идет фильтрация? И как это сделать?

Порой фильтрация занимает 3 или более секунд и при этом на экране ничего не происходит, потом уже меняются товары.

Так вот, чтобы не было впечатления, что ничего не происходит, не помещала бы такая фишка.

 

сайт становится полупрозрачным и поверх него показывается кружочек "Загрузка"

Типа такого

loading.gifloading1.gif


  • 0

#33 B_A_H_O

B_A_H_O
  • JBZoo User (rus)
  • User rate: 1.6
  • posts: 309
  • topics: 62

Posted 23 February 2014 - 16:43

как такое сделать?


  • 0

#34 Cheren-dow

Cheren-dow
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 95.7
  • posts: 5060
  • topics: 31

Posted 23 February 2014 - 18:19

Интересует теперь такой вопрос: как  сделать ajax запрос при нажатии на кнопку "поиск"?

 Попробуйте так

<?php if ((int)$params->get('autosubmit', 0)) : ?>
    <script type="text/javascript">
        jQuery(function ($) {
            $('#<?php echo $formId;?> select, #<?php echo $formId;?> input[type=radio], #<?php echo $formId;?> input[type=checkbox]').submit(function () {
                $.fn.JBZooAjaxUpdateContent({
                    'url'   : '<?php echo JRoute::_('index.php?Itemid=' . $params->get('menuitem', JRequest::getVar('Itemid'))); ?>?',
                    'params': $('#<?php echo $formId;?>').serialize(),
                    'formId': '<?php echo $formId;?>'
                });
            });
        });
    </script>
<?php endif; ?>

Вместо change используйте submit . Не пробовал, но должно работать

Ещё вопрос, а можно ли добавить анимационную картинку "загрузка" когда идет фильтрация? И как это сделать?

B_A_H_O, так ведь появляется анимация загрузки из fancybox чем она вас не устраивает? 


Edited by Cheren-dow, 23 February 2014 - 18:17.

  • 0
Изображение
 

#35 B_A_H_O

B_A_H_O
  • JBZoo User (rus)
  • User rate: 1.6
  • posts: 309
  • topics: 62

Posted 23 February 2014 - 18:38

B_A_H_O, так ведь появляется анимация загрузки из fancybox чем она вас не устраивает?

у меня на сайте ничего не появляется, поэтому и спрашиваю.

Покажите пожалуйста пример с её присутствием и откуда она берется. Посмотрю у себя, что там сейчас.


  • 0

#36 Cheren-dow

Cheren-dow
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 95.7
  • posts: 5060
  • topics: 31

Posted 24 February 2014 - 07:22

B_A_H_O, можете дать ссылку на сайт я посмотрю почему у вас не появляется картинка т.к готовое решение я на сайте не могу показать. А анимационная картинка из fancy должна в любом случае отображать ведь он в JBZoo есть. 


  • 0
Изображение
 

#37 B_A_H_O

B_A_H_O
  • JBZoo User (rus)
  • User rate: 1.6
  • posts: 309
  • topics: 62

Posted 24 February 2014 - 08:17

B_A_H_O, можете дать ссылку на сайт я посмотрю почему у вас не появляется картинка т.к готовое решение я на сайте не могу показать. А анимационная картинка из fancy должна в любом случае отображать ведь он в JBZoo есть. 

http://vdrive.com.ua/svet/velofary


  • 0

#38 Cheren-dow

Cheren-dow
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 95.7
  • posts: 5060
  • topics: 31

Posted 24 February 2014 - 08:36

B_A_H_O, у вас не на всех страницах подключается файл стилей libraries.css 

сайт\media\zoo\applications\jbuniversal\assets\css\libraries.css 

поэтому картинка загрузки из fancy не появляется.

 

Есть 2 пути, посмотреть стили fancy с id fancybox-loading и дописать для него стили(+изменить пути до картинки) в файле стилей шаблона или же насильно подключить этот файл в index.php вашего шаблона


Edited by Cheren-dow, 24 February 2014 - 10:09.

  • 1
Изображение
 

#39 B_A_H_O

B_A_H_O
  • JBZoo User (rus)
  • User rate: 1.6
  • posts: 309
  • topics: 62

Posted 24 February 2014 - 08:46

попробую пойти первым путем.

 

Не, сделал по 2-му варианту, заработало )


Edited by B_A_H_O, 24 February 2014 - 09:38.

  • 0

#40 Na_uM

Na_uM
  • JBZoo User (rus)
  • User rate: 15.9
  • posts: 782
  • topics: 61

Posted 12 May 2014 - 16:09

ни как ни получается к слайдеру прикрутить автоотправку, если кто продвинулся - поделитесь!)


  • 0





Also tagged with one or more of these keywords: рецепт, фильтр, ajax

Click to return to top of page in style!