2-х уровневый jQuery Accordion в таблице
Бюджет
40$
/ 2400
руб
в месяц
Создан: 2 года назад
На модерации
- Описание
- В задании основной упор на 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
Похожие проекты
$500
0
2
Мы ищем fullstack разработчика, который может сделать сайт под ключ. Есть детальное ТЗ, обязатедбное к ознакомлению и наработки по дизайну в виде макета Figma....
1 месяц назад
$120
0
2
Должно быть у исполнителя готовое и грамотно сделанное портфолио....
2 месяца назад
11
1
Нужен сайт по открытию кейсов для игры Standoff 2. Нужен самый обычный дизайн. Личный кабинет, инвентарь, авторизация через ВК. В Админке должна быть возможность создавать/удалять кейсы, редактировать шансы на выпадение какого-либо дропа, количество кейсов, устанавливать цену. В Админке должна быть возможность......
2 месяца назад
0
5
Требуется веб дизайнер для 2х проектов:. Оптимизации существующего сайта (лендинг) по танцевальному фитнесу на wix. com. Создание онлайн магазина био добавок и его оптимизация. Ищем профессионального дизайнера, который готов на долгосрочное сотрудничество....
2 месяца назад
0
2
Нужно сделать сайт просчет оффера. Верстка страницы с Figma....
2 месяца назад
$33
10
1
Мне нужен бот перехватчик для программы ( taxsee driver ) чтобы брать предварительные и текущие заказы. Требования: . 1 бот перехватчик нужен для android. 2 можно писать bоt под моим аккаунтом или другие варианты. 3 функция отключения и включения бота когда он нужен или не нужен. За хорошую работу готов......
2 месяца назад
$22
27
2
76
1
Ищу фрилансера для создания лендингов на Битрикс24. Занятость постоянная, 1 раз в 3 месяца....
2 месяца назад
138
2
Обменник криптовалют ( ТЗ во вложении)....
3 месяца назад
498
6
Необходимо написать небольшую серверную часть учебного сайта для запуска под виртуальной машиной Oracle VM VirtualBox Debian 6. 1 используя php7. 33 и базу MongoDB....
3 месяца назад
134
6
ИЩУ СПЕЦОВ – ВЫСОКОГО УРОВНЯ! 1). Уточните, какое у вас образование. 2). Обязательно предоставьте портфолио - лучшие работы. 3). Условия сотрудничества – по договоренности (сообщите ваши предварительные условия). П. все предложения, которые меня заинтересуют – либо отвечу, либо сохраню контакты в......
3 месяца назад
89
1
Нужно будет делать видео по примеру уже готового видео. Вы подойдете если : имеете базовые-легкие знания в трейдинге,если у вас хороший микрофон, нормальная дикция, и есть программа для снятия экрана на видео. (Себя снимать не нужно,только видео экрана) Чем выше качество тем выше оплата . Оплата за среднее......
3 месяца назад
$111
122
2
Добрый день заинтересовавшимся! У нас сайт на стадии разработки на ОС 3. Создано ТЗ. Необходимо выполнить все пункты в ТЗ. Предварительно 10 000 руб. Поднятие цены можно и обсудить....
3 месяца назад
$1000
286
5
TALP GROUP Мы занимаемся разработкой и продвижением IT- продуктов. В нашем арсенале множество интересных кейсов, большинство из которых реализованы на нашей собственной low/no code платформе Аltrp. Мы работаем как над внутренними проектами, так и с внешними заказчиками. Среди них: разработка швейцарской......
3 месяца назад
174
17
Добрый день. Мне необходимо скопировать действующий сайт с полным функционалом https://gk-grupp....
3 месяца назад
198
12
Ищем специалиста для работы над дизайном агенства недвижимости для англоязычной аудитории....
3 месяца назад
109
2
Меняли хостинг сайта поэтому имена сервера слетели, надо поменять на новые и все....
3 месяца назад
$250
315
16
Разработка продающего лендинга, ТЗ во вложенных файлах....
3 месяца назад
164
6
$7
144
2
Фотографии улыбок до стоматологического лечения и после. Нужно из сопоставит а схожих ракурсах и выровнить цвет , скореекситровать детали....
3 месяца назад
140
1
есть форма приема заявки на тильде, необходимо проверять номер телефона заказчика перед отправкой в работу....
3 месяца назад
Перетащите