Поиск в MySql (php, html, css). Кроссбраузерная верстка.
Поиск в MySql (php). Вывод результата в таблицу.
Кроссбраузерная вестка.
Корректное отображение на PC и мобильном.
Вариант кроссбраузерности таблицы (пример отображения) - https://codepen.io/AllThingsSmitty/pen/MyqmdM/
____________________________________________________________________
ПОЛЕ 1 - "ЗАПРОС"
1 - Поле поиска - выпадающий список:
- Поиск по слову (поле для ввода) (WHERE lot_about LIKE '%words_search%')
- Все торги по группе 0 (WHERE lot_group = 0 ;)
- Все торги по группе 1 (WHERE lot_group = 1 ;)
- Все торги по группе 2 (WHERE lot_group = 2 ;)
____________________________________________________________________
2- NEW - выпадающий список:
- Новые (WHERE lot_new = "New" ;)
- Все
реализация - https://harvesthq.github.io/chosen/ (Selected and Disabled Support - Single Select)
____________________________________________________________________
3 - Регион - выпадающий список:
- выбор регионов в выпадающем списке (95 регионов ) (WHERE lot_address_new= .... ;)
реализация - https://harvesthq.github.io/chosen/ (Multiple Select - Into This), выбор не более 10 регионов одновременно
____________________________________________________________________
4 - Кнопка "ПОИСК"
____________________________________________________________________
5 - Вывод результатов поиска:
отображение количества совпадений.
подгрузка результатов поиска при промотке (нет разбиения на страницы)
Таблица 6 колонок:
--------------------------------------------
- Порядковый номер
--------------------------------------------
- Лот (lot_about)
реализация - ( title-css)
Отображается только первых N-символов (150). А все содержимое:
PC - толко при наведении курсора - без вылета границы экрана
мобильный - при клике по описанию - без вылета границы экрана
!!! выделение цветом искомого слова (words_search)
--------------------------------------------
- Цена (lot_price)
реализация - деление на разряды. Пример: 1455678 -> 1 455 678
--------------------------------------------
- Регион (lot_address_new)
реализация - выводит только номер региона , (первые два символа lot_address_new)
--------------------------------------------
- URL (lot_url)
реализация - икона (jpg, png). открытии ссылки в новом окне.
--------------------------------------------
- Обратный звонок (phone)
реализация - икона (jpg, png). открытие в "модальное окно"
модальное окно отображает информацию :
Просьбу ввести номер мобильного телефона (осуществляется проверка корректности ввода). - (phone)
Лот (lot_about)
Цена (lot_price)
Цена (lot_price)
URL (lot_url)
Кнопка "Заказать обратный звонок".
Далее вся информация (phone-lot_about-lot_price-lot_price-lot_url) отправляется на email: Email получаем из адреса