скрипт выбора по параметрам
java скрипт выпадающего меню подбора по параметрам
Помощь в написании контрольных, курсовых и дипломных работ здесь.
Скрипт выпадающего меню (найти ошибку в коде)
Доброй ночи! Помоги понять ошибку! Пишу скрипт выпадающего меню и не могу понять почему он у меня.
Как добавить возможность подбора авто для покупателей из списка по параметрам?
Здравствуйте, как добавить возможность подбора авто для покупателей из списка по параметрам.
Нашел скрипт в описании скрипта (Для использования этого скрипта необходимо, чтобы на Вашем сайте имелись страницы примерно такого вида: http://ваш_сайт.com/ford/1999.htm, где «ford» и «1999» оказываются элементами выпадающего меню.)
Помощь в написании контрольных, курсовых и дипломных работ здесь.
Скрипт подбора пароля
Не получается написать скрипт для последовательного подбора пароля. Не надо говорить что этот.
Скрипт выдачи (подбора) товаров из бд по заданным условиям
Здравствуйте, уважаемые жители форума Это моя первая тема здесь. Много читал, искал. но так.
Нужен скрипт для подбора авто аккумулятора по характеристикам
Народ, помогите! Нужен скрипт для подбора авто аккумулятора по характеристикам. На подобии.
По каким параметрам C++ превосходит Java?
Здравствуйте. Хочу узнать по каким параметрам C++ превосходит Java. Чем больше укажете, тем.
Оптмизация выпадающего меню
я создал выпадающее меню в одной таблице, при наведении выпадает всё что нужно, но если этот список.
Иногда приходится создавать очень длинные выпадающие списки, значения которых невоз-можно установить в разметке HTML. Например список городов и стран, дней и месяцев можно задать без особых проблем. А вывести значения из БД и подставить их в выпадаю-щий список, да еще сделать список трех-четырех уровневым, да еще и без перезагрузки страницы, с использованием AJAX – уже тянет на хорошую статью.
Сегодня мы с вами займемся созданием интересного скрипта, который вы сможете в будущем установить на свой интернет-магазин. Причем я разделю статью на отдельные части, которые размещу в соответствующих разделах сайта.
Что же мы будем создавать в этих уроках:
Модуль подбора запчастей по марке авто
По порядку что нам предстоит сделать в этой главе.
Для начала создадим файл подключения к бд.
Да, да, да. Мы будем использовать именно базу данных авто-запчастей. Практически на каж-дом втором крупном сайте программисты используют эту базу данных. В ней собраны все известные и неизвестные марки автомобилей, разбиты по годам, обьему двигателя и соб-ственно марки автомобиля.
База данных очень серьездная и в дальнейшем, для обработки данных, мы с вами будем использовать все доступные php обработчики строк, что бы эти данные использовать для поиска в интернет-магазине.
База данных каталога по подбору автозапчастей
Вот структура таблицы подбора шин и дисков:
Как мы видим структура таблиц очень простая. Используются разделители строк | и # в не-которых позициях, то есть задние передние шины к примеру разделяются прямой чертой и решетка для разделения возможных установленных на заводе пар передних и пар задних шин.
Остальные таблицы немного различаются по характеристикам, но основная сортировка идет по трем, четырем критериям. Производитель, марка, год выпуска, модификация. Сделаем пример для подбора шин и дисков.
Создадим форму будущего выпадающего списка. Я выложу код и ниже пояснения. Так же буду стараться комментировать свои разработки.
Обычная форма, ни чего лишнего, за исключением, данной строчки:
Выбранное пользователем значение value первого выпадающего списка мы будем сопоставлять со вторым, а второе с третим и так далее, пока не отсеим не нужные нам строки бд.
Вот как это все выглядит:
Создадим php файл, обработки и предзагрузки марки автомобиля.
Вы наверно попробовали запустить скрипт в действие, но он еще не готов. Так как мы не вставили сгенерированные циклом данные в нашу форму. Для этого давайте подключим файл пхп с нашим написанным кодом перед формой:
Сейчас на мой взгляд будет самая сложная часть скрипта. Я использовал библиотеку jQuery, так как она позволяет экономить кучу времени при обращении к обьектам. Не забывайте подключить её на ваш сайт.
Вот код недостоющего файла select_type.php:
Всю логику можно сделать иначе и уместить в одном файле, но мне для будущих разработок понадобилось каждый post запрос отправлять в отдельный файл.
В общем дописываем недостающую функцию в наш файл select.class.php
Пишем динамический выпадающий список на php + mysql
Исходный код к обращаемым файлам select_year.php:
Содержание файла show_modification.php
И выкладываю недостающие куски select.class.php
На данном этапе мы закончили написание многоуровневого выпадающего списка посредством ajax php и mysql. Но у нас остался один обработчик нажатия кнопки подтвердить.
Надеюсь теперь вы поняли рабочую структуру скрипта. Что бы вы смогли лицезреть полную картину исходного кода и понять его работу я выкладываю исходные коды рабочего скрипта с базой шин и дисков, дворников и акб в комплекте. База запчастей актуальна на 2012 год, в том году и писался скрипт, так что не суди строго 😉
Скрипт выборки российских облигаций по параметрам
Уже несколько лет я пользуюсь облигациями в качестве замены депозита, потому что процент дохода, который можно получить со вклада стабильно падает. В отличии от ситуации с депозитом, в облигациях всегда можно найти большую доходность. И в этой ситуации меня не устраивало только количество времени на механическую работу по поиску подходящих вариантов бумаг.
Работа скрипта по поиску облигаций на Московской бирже
Так как сервисов по поиску российских облигаций много, но ни один из них не имеет достаточной гибкости и простоты и поэтому на работу с ними тратится достаточно много времени. Исходя из этого и решил разработать собственный скрипт для поиска облигаций.
Сделал это на Node.js с выводом полученных результатов в локальный html файл с интерактивной таблицей от Google Charts (а в случае, если JavaScript отключен в браузере, что например происходит при открытии этого html файла из мессенджера на iPhone, то отображается статическая версия таблицы, также сгенерированная скриптом).
Существующие сервисы и мои параметры для поиска
Существующих сервисов довольно много:
Мой желаемый результат — актуальная выборка из всех российских облигаций по следующим параметрам:
Облигации на Московской бирже доступны внутри основных режимов торгов:
Мой скрипт поиска облигаций на Московской бирже
Я понимаю, что человек, которому необходим поиск облигации может и не разбираться в программировании, а тому, кто легко разберется в коде этого скрипта облигации могут быть неинтересны. И разбирающихся в программировании на Хабре явно больше, чем тех, кто разбирается облигациях.
Я хотел найти некий баланс — чтобы минимально подкованный человек мог воспользоваться результатами работы этого скрипта.
Ещё одно очень важное отступление — в скрипте всё напрямую зависит от работы API Московской биржи, которое имеет свои особенности.
Если говорить про поиск облигаций, то сразу после открытия торгов значения доходности по средневзвешенной цене ( YIELDATWAPRICE ) обнуляются.
Схема определения средневзвешенной цены ( WAPRICE )
Ещё я использую цену предыдущего закрытия ( PREVLEGALCLOSEPRICE ), из-за того что по некоторым облигациям торгов может не быть несколько дней.
Схема определения цены закрытия ( LEGALCLOSEPRICE )
Чтобы уменьшить количество обращений к API Московской биржи я использую значение дюрации ( DURATION ), а не беру готовое значение количества дней до погашения ( DAYSTOREDEMPTION ), ведь я пользуюсь собственным скриптом только в личных целях.
Распишу подробно все шаги которые нужны для работы моего скрипта.
Самое главное что понадобится для работы скрипта — Node.js. Это — среда выполнения JavaScript. Если раньше JavaScript можно было запустить только в браузере, но однажды разработчики расширили его, и теперь можно запускать JS на своем компьютере в качестве отдельного приложения.
Исходный код моего скрипта размещен на GitHub, и любой может свободно просматривать, проверять и может быть даже посоветует правки.
Поиск облигаций под Windows
Это будет самый подробный раздел, потому что большинство пользователей, которым это интересно, скорее всего, работают под Windows.
Раздел загрузки сайта проекта Node.js
Далее скачиваем установщик для Windows и запускаем его.
Выбор компонентов для установки Node.js
Кроме компонентов, находящихся на этом экране, больше ничего устанавливать не надо.
Ссылка на скачивание с GitHub
После этого переходим каталог « /SilverFir-Investment-Report-master/Node.js Release/bond_search_v2/ », где находятся скачанные файлы:
Каталог с необходимыми для запуска проекта файлами
Несмотря на такое короткое содержание Защитник Windows проявляет бдительность, но если нажать подробнее, то можно увидеть кнопку Выполнить в любом случае:
Первоначальная настройка запуска проекта
Во время выполнения bat файла
После нажатия любой клавиши зависимость будет установлена в эту же папку:
Каталог вместе с добавленными файлами
После этого всё готово для запуска скрипта поиска облигаций. Для этого запускаем файл start.bat:
Выполнение скрипты поиска облигаций. После запуска файла start.bat
Менее чем за минуту будет создан HTML файлов с текущей датой и временем в имени — он и содержит в себе найденные результаты.
Поиск облигаций под macOS
Сам процесс похож на установку под Windows и Linux.
Поиск облигаций под Linux
Если на вашем компьютере установлен Linux, скорее всего вы и сами знаете как лучше сделать. Код скрипта доступен на гитхабе. Перейдите в каталог « /SilverFir-Investment-Report-master/Node.js Release/bond_search_v2/ ».
Установите зависимости (в данном случае это только node-fetch):
$ npm install
Запустите файл скрипта:
$ npm start
Примерно за минуту html файл под именем файл bond_search_$
Выполнение работы скрипта под Linux
Выборка облигаций
Я не сразу пришел именно к такой форме отчета, потому что я хотел чтобы этот файл отображался на любом устройстве и был удобен для просмотра. Больше всего проблем доставили айфоны — JS на них отключен и при пересылке этого отчета через любой мессенджер вместо интерактивной таблицы открывалось просто пустое место. Так что я дописал генератор обычных html таблиц.
Получились следующие виды:
На компьютере
На Android
На iPhone
Редактирование параметров выборки
Задаваемые параметры поиска
Указываете нужные вам цифры, запускаете скрипт заново и примерно за минуту выборка готова.
Надеюсь что скрипт поможет экономить время и находить подходящие результаты, которые устраивают именно вас. Выборка «не является индивидуальной инвестиционной рекомендацией и может не соответствовать вашему инвестиционному профилю» — эту фразу я скопипастил, но она абсолютно верна, ведь сам скрипт это просто инструмент — решение о дальнейшей покупке конкретных найденных бумаг должен принимать уже человек после знакомства с эмитентом.
Скрипт работает только за счет API Московской биржи, которое предоставляет широкие возможности. Также хочу отметить, что я никак не связан с Московской биржей и использую ИСС Мосбиржи только в личных интересах.
Форум
Справочник
это делается с помощью ajax’a.
Сначала выводишь основной список.
Потом по «change» обращаешься к обработчику и передаешь ему выбранное значение. В зависимости от этого значения, обработчик отдаёт новый второй список. И по «change» по второму списку — добавляешь поле 
в принципе, селекты и прочее я б не советовал тут использовать. В таких делах обычно требуется хорошая стилизация. Лучше просто html списки (ul>li).
в принципе, селекты и прочее я б не советовал тут использовать. В таких делах обычно требуется хорошая стилизация. Лучше просто html списки (ul>li).
Спасибо за ответ. А где можно посмотреть грамотный пример html-списка либо уже готовый шаблон.
там очень хорошо расписано всё..
там очень хорошо расписано всё..
Спасибо. Попробую вариант с ajax с последующей заменой. Я в принципе ajax уже просматоивал, но что то мне показалось накрученным все. Просто смотрю на скрипт меню с подгруппами вот к примеру этот что ниже, ну вот фактически готовое решение, не хватает только вместо перехода на другой урл прикрепить переход на раскрывающее поле. а как грамотно сделать пока не соображу. Можно из данного скрипта вместо переходов на урл сделать открывающее поле с информацией на этой же странице?
нее, это у вас совсем другое.
сейчас гостей выпровожу и набросаю вам скрипт)
jQuery обычно в таких делах используется только для удобства работы с ajax запросами..
вот. набросал, тоже с jQuery, но его можно и заменить на чистый js, только смысла в этом не вижу. проще подключать библиотеку только на ту страницу, в которой он нужен.
стилизуй с помощью css под нужный тебе вид:
Фильтрация и сортировка элементов на javascript
Всем привет, сегодня поговорим о том, какие способы сортировки и фильтрации элементов (например, товары в интернет магазине) существуют. Сильные и слабые стороны различных реализаций.
В этой статье мы напишем на javascript фильтр товаров и их сортировку без перезагрузки страницы.
Так же я покажу некоторые подводные камни, возникающие при организации фильтрации элементов.
Давайте определимся с некоторыми терминами:
Когда-то давным давно
Когда-то давным давно, когда javascript использовался только для анимаций и слайдеров, все манипуляции с данными производили на стороне сервера.
Например, для того, чтобы отфильтровать товары человек заполнял фильтр, который представлял из себя форму с несколькими полями и нажимал кнопку “Показать”. Далее страница перезагружалась и мы видели товары, попадающие в рамки фильтра.
Принцип работы фильтра в этом случае заключался в следующем:
Примерно по такому же принципу происходила и сортировка товаров, например, по возрастанию или убыванию цены. Только нас не перекидывали на новую страницу, а перезагружали существующую. При этом показывая все товары просто в определенном порядке.
Фильтр товаров на javascript
С развитием веб технологий был придуман способ организации фильтра товаров на javascript c помощью Ajax.
Внешне фильтр все так же выглядит в виде формы с несколькими полями и кнопкой применения фильтра. Немного изменилась лишь логика его работы:
Используя этот способ нет необходимости перезагружать страницу. С сервера приходят данные и на сайте мы перерисовываем только список товаров. Это не только экономит трафик, но и ускоряет работу сайта.
В данном примере отфильтруйте элементы, оставив только красные блоки. Как видите, верстка, в этом случае, “плывет”. Это происходит из-за того, что блоки перестроились лишь визуально, а в DOM дереве их положение не изменилось.
Решений у этой проблемы несколько:
Давайте разберем все способы по порядку
Перестраивание DOM дерева
В интернете можно найти множество способов, как отсортировать элементы в DOM дереве. Я же предпочитаю пользоваться миниатюрным jQuery плагином sortElements
Скрипт для организации сетки
Обратите внимание на 2 новых блока внутри row :
А при нажатии на кнопку фильтрации, Masonry необходимо обновить:
Переписать верстку на Flexbox
Как Вы можете заметить, верстка при фильтрации не ломается. Но если в нижнем ряду будет 2 элемента, то они будут поровну делить все пространство родителя. А если останется только один элемент, то он разместиться в центре родительского блока.
Сортировка товаров на javascript
Сортировка товаров возможна как на стороне сервера, так и на стороне клиента. В данном случае мы рассмотрим сортировку на клиенте, т.е. на javascript.
Как видно из примера, мы воспользовались тем же плагином sortElements для организации сортировки.
Как видите, сортировка с помощью Isotope производится с приятной анимацией.
Давайте разберем этот пример более детально. Верстка практически не отличается от остальных примеров, за исключением того, что цена теперь помещена в специальный тег p с классом number :
Стили перекочевали полностью из примера с Masonry, единственное, что добавились правила для нашего параграфа с ценой:
И наконец сам скрипт:
В Isotope masonry является одним из вариантов лейоута, поэтому указываем его в настройке
Далее идет настройка:
Более подробную информацию Вы найдете в [ Документации ]
Заключение
В этой статье я рассказал каким образом можно фильтровать и сортировать элементы на стороне клиента.
Если Вам понравилась статья, то можете поделиться ей в социальных сетях.
Если что-то не поняли или есть какие-то вопросы, то пишите комментарии, я постараюсь помочь.
Важно помнить, что все примеры в статье являются демонстрационными и не претендуют быть самыми лучшими =)