2-х уровневый jQuery Accordion в таблице
Бюджет
40$
/ 2400
руб
в месяц
Создан: 3 года назад
На модерации
- Описание
- В задании основной упор на javascript программирование.
При заинтересованности даю ссылку на страницу с примером с неработающей логикой.
Если считаете сумму бюджета необоснованной, напишите свою аргументацию.
Основное задание
1. Чистый, кроссбраузерный, валидный код.
2. Страница без javascript не должна превращаться в "катастрофу".
3. Оптимизация кода (скорость, память...) с учетом большого объема выводимого html кода (до 1 тыс. строк в таблице).
4. Именно html+javascript, а не javascipt'нный фрейморк, т.е. содержимое страницы должно быть доступно для индексирования поисковиками в виде стандартного html.
5. Изначально страница создана в фреймворке Semantic UI (Fomantic). Accordion в Semantic удается "повесить" в таблице только на 1-й уровень. Фактически в эту структуру необходимо внедрить (по внешнему виду,а не коду) accordion 2-го уровня вложенности.
6. Предполагается (?) сохранить действующий механизм accordion Semantic только самого высокого уровня (строка магазина: 1, 2, 3..).
7. Предполагается (?) внедрить accordion 2-х уровней вложенности (сокрытие/показ строк таблицы <tr>). Не использовать вложенные таблицы и не допускать вложенности <tbody> и пр. более 1 раза.
8. Выше приведен пример реализации задания, главный недостаток которого полное отсутсвие логики работы (открытия/закрытия пунктов).
Логика работы:
8.1. Окрытие пункта 1-й вложенности (Еще 10 товаров) влечет за собой:
8.1.1. Закрытие всех остальных пунктов 1-го уровня,
8.1.2. Закрытие всех остальных пунктов 2-го уровня из видимой области других магазинов.
8.2. Окрытие пункта 2-й вложенности (Еще 2 цены) влечет за собой:
8.2.1. Закрытие всех остальных пунктов 2-го уровня этого магазина.
9. Важно! Количество строк может достигать очень больших значений (несколько сотен), поэтому объем html-кода необходимо сократить до минимума. Возможно ли (в том числе) использовать для этого теги <colgroup> и <col> или не стоит этого делать?
10. Предусмотреть правильную работу иконки (angle) при открытии/закрытии пунктов accordion (transform: rotate(90deg) ?). Предусмотреть при этом отстуствие конфликта с самым высоким уровнем.
Дополнительное задание
1. Дополнительное задание по срокам будет внедряться позже основного, но лучше сразу предусмотреть его подключение.
2. Надеюсь, что это не слишком усложнить основной код.
3. Отдельно для каждого уровня (1-го и 2-го) предусмотреть "бесконечную прокрутку".
4. Отделить код и css, которые используются для такой прокрутки (отдельно для 1-го и 2-го уровня).
5. Предполагается для этого "подтягивание" контента как путем включения скрытого кода, так и через запросы ajax.
- Категория
Источник: fl.ru
Похожие проекты
$33
10
0
Мне нужен бот перехватчик для программы ( taxsee driver ) чтобы брать предварительные и текущие заказы. Требования: . 1 бот перехватчик нужен для android. 2 можно писать bоt под моим аккаунтом или другие варианты. 3 функция отключения и включения бота когда он нужен или не нужен. За хорошую работу готов......
1 год назад
11
0
Нужен сайт по открытию кейсов для игры Standoff 2. Нужен самый обычный дизайн. Личный кабинет, инвентарь, авторизация через ВК. В Админке должна быть возможность создавать/удалять кейсы, редактировать шансы на выпадение какого-либо дропа, количество кейсов, устанавливать цену. В Админке должна быть возможность......
1 год назад
27
0
76
1
Ищу фрилансера для создания лендингов на Битрикс24. Занятость постоянная, 1 раз в 3 месяца....
1 год назад
138
1
Обменник криптовалют ( ТЗ во вложении)....
1 год назад
498
3
Необходимо написать небольшую серверную часть учебного сайта для запуска под виртуальной машиной Oracle VM VirtualBox Debian 6. 1 используя php7. 33 и базу MongoDB....
1 год назад
134
3
ИЩУ СПЕЦОВ – ВЫСОКОГО УРОВНЯ! 1). Уточните, какое у вас образование. 2). Обязательно предоставьте портфолио - лучшие работы. 3). Условия сотрудничества – по договоренности (сообщите ваши предварительные условия). П. все предложения, которые меня заинтересуют – либо отвечу, либо сохраню контакты в......
1 год назад
122
2
Добрый день заинтересовавшимся! У нас сайт на стадии разработки на ОС 3. Создано ТЗ. Необходимо выполнить все пункты в ТЗ. Предварительно 10 000 руб. Поднятие цены можно и обсудить....
1 год назад
89
1
Нужно будет делать видео по примеру уже готового видео. Вы подойдете если : имеете базовые-легкие знания в трейдинге,если у вас хороший микрофон, нормальная дикция, и есть программа для снятия экрана на видео. (Себя снимать не нужно,только видео экрана) Чем выше качество тем выше оплата . Оплата за среднее......
1 год назад
198
11
Ищем специалиста для работы над дизайном агенства недвижимости для англоязычной аудитории....
1 год назад
174
16
Добрый день. Мне необходимо скопировать действующий сайт с полным функционалом https://gk-grupp....
1 год назад
$1000
286
5
TALP GROUP Мы занимаемся разработкой и продвижением IT- продуктов. В нашем арсенале множество интересных кейсов, большинство из которых реализованы на нашей собственной low/no code платформе Аltrp. Мы работаем как над внутренними проектами, так и с внешними заказчиками. Среди них: разработка швейцарской......
1 год назад
109
1
Меняли хостинг сайта поэтому имена сервера слетели, надо поменять на новые и все....
1 год назад
$250
315
12
Разработка продающего лендинга, ТЗ во вложенных файлах....
2 года назад
$7
144
2
Фотографии улыбок до стоматологического лечения и после. Нужно из сопоставит а схожих ракурсах и выровнить цвет , скореекситровать детали....
2 года назад
164
4
140
1
есть форма приема заявки на тильде, необходимо проверять номер телефона заказчика перед отправкой в работу....
2 года назад
147
3
Нужно поднять сайт на базовой теме на связке Ghost + Gatsby + CDN. Саму CMS Ghost надо будет поставить и настроить на хостинге заказав необходимый по параметрам сервер. Что касается CDN думал о G Core Labs, но приму любой совет. Сайт ориентирован 100% на РФ. После того как поднимем сайт, нужно будет......
2 года назад
228
3
Необходимо доработать WordPress шаблон, настроить интеграцию с 1с, исправить незначительные баги. Технические задачи обсудим вместе с техническими директором заказчика. Условия: Стоимость работ от 14к, в случае быстрого выполнения работы будет премирование, а также предложим постоянное сотрудничество.......
2 года назад
101
1
Необходимо решить проблему с передачей UTM меток, glid, glientID, ymclid в amoCRM при начале диалога в одном из мессенджеров и входящем письме на почту....
2 года назад
160
4
Разыскивается опытный программист на WordPress. Нужно допилить торговую площадка B2B на WordPress согласно аналогу. Подробнее в личной переписке. Просьба дилетантов и не понимающих не беспокоить....
2 года назад