AJAX поиск по странице

Друзья, всем привет!

Озадачился AJAX поиском по странице.
Как это я себе вижу:

Вариант 1: Вводим поисковый запрос в строку поиска, содержимое страницы (текст) фильтруется и выводит найденное блоками с некоторым окружающим текстом.

Вариант 2: Вводим поисковый запрос, на странице есть блоки с однообразной информацией — по запросу блоки фильтруются так, чтобы отображались только те, в которых есть искомые слова.

Возможно, есть какой-то плагин для этого, или хотя бы бросьте ссылкой на пример, как это можно реализовать (можно без привязки к MODX).

Заранее спасибо!
Павел Ширяев
Павел Ширяев
26 мая 2017, 08:31
modx.pro
1
2 991
0

Комментарии: 9

Олег
Олег
26 мая 2017, 11:34
0
Как связаны поиск по странице и ajax?
По идее это делается через js, данные отправлять никуда не нужно.
    Павел Ширяев
    Павел Ширяев
    26 мая 2017, 11:39
    0
    Хм… ну конкретная реализация не важна, мне бы хоть какой-то завалящий пример. Пусть на JS, это не принципиально :)
      Павел Ширяев
      Павел Ширяев
      29 мая 2017, 17:09
      0
      Алексей, спасибо! Попробовал данный вариант. К сожалению, имеющийся у меня объем текста при выборке начинает нещадно грузить комп пользователя, что не есть хорошо. Хотя плагин конечно роскошный, и в некторых случаях очень пригодится.
      Stan Ezersky
      Stan Ezersky
      26 мая 2017, 13:13
      1
      0
      DataTables
        Павел Ширяев
        Павел Ширяев
        29 мая 2017, 17:08
        0
        Stan, спасибо за совет! Но плагин насколько я понял работает с таблицами. У меня немного другой случай.
        Павел Ширяев
        Павел Ширяев
        29 мая 2017, 17:10
        0
        В общем, всем спасибо за советы, все таки решил реализовать через AJAX, выложу сюда свой вариант. Объем довольно большой, и реализация выборки на сервере выглядит наиболее адекватной. К сожалению, так и не осилил создание пакетов, так что если потом кто-то упакует — наверное будет полезно.
          Волков Николай
          Волков Николай
          29 мая 2017, 22:50
          0
          mSearch2 — прямо из коробки в нем есть это. Если только текущей страницы, то в параметрах так и указать [[*id]]
            Павел Ширяев
            Павел Ширяев
            01 июня 2017, 17:33
            0
            Случайно нашел отличную реализацию ровно того, что мне нужно. На JS и без наворотов. Кому понадобится — описание здесь:
            osvaldas.info/real-time-search-in-javascript
              Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
              9