Реализовать поиск с помощью jQuery (без аякса)

  1. Биржа фриланса
  2. Веб-программирование
Закрыт2 заявки144 просмотра
Найдите исполнителя для вашего проекта прямо сейчас!
Разместите заказ на фриланс-бирже и предложения поступят уже через несколько минут.

Есть веб-страница - список объектов недвижимости. Вот ссылка: http://cyprusinvest.ru/properties/villas/

На этой странице нужно при помощи jQuery реализовать поиск (без перезагрузки и без аякса).

Вверху страницы объектов недвижимости (между верхним меню и списком объектов) нужно вставить поле поиска. Поиск по номеру объекта (поле-text и кнопка "Показать"), все ненужное "затухает" (opacity 50%), нужный объект подсвечивается (добавляется рамка другого цвета) и страница перелистывается до него (каждый DIV соотв-щий объекту имеет ай-ди с тем же номером).

Поиск по цене: указаны диапазоны "до 150.000" "150.000 - 200.000 фунтов" и далее, они же ссылки подчеркнутые пунктиром, при нажатии подсвечивают нужные объекты, а страница перелистывается к первому объекту, который соотв-вует запросу.

Поиск по районам/городам - аналогично цене.

Последние два (цена и город) могут накладываться друг на друга ("до 150 тыс фунтов и в районе Лапта").

Пока поиск не активен, форма поиска остается на своем месте. Когда показываются результаты поиска (даже поиск по номеру объекта) форма поиска отрывается от своего места и прилипает к верхней части экрана + справа добавляется заметная ссылка подчеркнутая пунктиром "Отменить".

При работе с поиском автоматически меняется ссылка - а точнее добавляется hash, например так:

/#Кирения или /#Лапта - все объекты из кирении или лапты

/#Кирения,Лапта,Алсанджак - все объекты из кирении И лапты и алсанджака

/#244 - показать объект номер 244. Тут если человек получит такую ссылку то сработает и скрипт поиска (появится рамка у объекта), и браузер перелистает страницу к объекту.

У каждого объекта: Название места расположения превращается с помощью jQuery в ссылку, при нажатии на которую происходит подсветка объектов из этого же места расположения.

jQuery
15 лет назад
fariz
51 год
16 лет в сервисе
Был
9 лет назад

Заявки фрилансеров

Нет заявок фрилансеров

  • Похожие заказы

  • Эффекты на сайт

    $5

    Нужно чтобы на моем сайте на всю страницу в первом iframe открывалась одна страница моего сайта - а поверх него в другом iframe окне размером 800 на 400 пикселей открывался другая страница моего сайт, при ...

    Веб-программирование1 исполнитель
    Завершен
    15 лет назад

  • Моды для интернет-магазина на VamShop

    Здравствуйте! Требуются две небольшие корректировки интернет-магазина на базе VamShop. 1) Хочу в категориях товаров + на карточках товаров возле каждого товара вывести дату его последнего редактирования (взять данные из поля "products_last_modified" таблицы ...

    HTMLSQL
    Веб-программирование1 исполнитель
    Завершен
    15 лет назад

  • Настроить postback url + javascript

    $20

    Необходимо настроить postback url под CPA партнерку и написать небольшой javascript. джаваскрипт должен по ходу набора анализировать символы. и в случае если код в базе числится как "неправильный" выдавать сообщение что данное направление не возможно.

    JavaScript
    Веб-программированиенет заявок
    Закрыт
    15 лет назад

  • Нужна своя CMS

    Добрый день ! Значит перед вами стоит задача, придумать как сделать CMS с ниже перечисленными функциями и не дорого: 1) CMS - должна быть удобной в пользовании. ...

    Joomla
    Веб-программирование2 заявки
    Закрыт
    14 лет назад

  • Требуется доработка скрипта на php

    Требуется небольшая доработка скрипта для работы с системой mixmarket.biz. Скрипт представляет собой каталог товаров который обновляется через YML файлы по крону. Необходимо сделать следующее: добавить возможность написания отзывов к товарам, магазинам. Сделать более удобный поиск ...

    PHP
    Веб-программирование1 заявка
    Закрыт
    15 лет назад

  • Php парсер данных с сайта в БД

    Нужно сделать до вечера парсер на php данных отсюда http://icard.racinguk.com/ В разделе Predictor провалиться по 3-м ссылкам и считать(даю пример как видно сейчас) в таблицу Mqsql (перезаписать) 1) название ...

    PHP
    Веб-программирование1 исполнитель
    Завершен
    15 лет назад