Перейти к содержимому


Фотография
* * * * * 2 Голосов

AJAX фильтр

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

Сообщений в теме: 69

#31 mdcsfk

mdcsfk

Отправлено 21 February 2014 - 04:25

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

 

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


  • 0

#32 B_A_H_O

B_A_H_O

Отправлено 21 February 2014 - 15:58

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

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

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

 

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

Типа такого

loading.gifloading1.gif


  • 0

#33 B_A_H_O

B_A_H_O

Отправлено 23 February 2014 - 16:43

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


  • 0

#34 Cheren-dow

Cheren-dow

Отправлено 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 чем она вас не устраивает? 


Сообщение отредактировал Cheren-dow: 23 February 2014 - 18:17

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

#35 B_A_H_O

B_A_H_O

Отправлено 23 February 2014 - 18:38

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

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

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


  • 0

#36 Cheren-dow

Cheren-dow

Отправлено 24 February 2014 - 07:22

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


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

#37 B_A_H_O

B_A_H_O

Отправлено 24 February 2014 - 08:17

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

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


  • 0

#38 Cheren-dow

Cheren-dow

Отправлено 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 вашего шаблона


Сообщение отредактировал Cheren-dow: 24 February 2014 - 10:09

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

#39 B_A_H_O

B_A_H_O

Отправлено 24 February 2014 - 08:46

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

 

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


Сообщение отредактировал B_A_H_O: 24 February 2014 - 09:38

  • 0

#40 Na_uM

Na_uM

Отправлено 12 May 2014 - 16:09

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


  • 0





Темы с аналогичным тегами рецепт, фильтр, ajax

Click to return to top of page in style!