Мебельно-кухонная фабрика
Описание.
Есть в вёрстке четыре меню (не системные ссылки через модуль меню joomla, а с помощью html модулей Joomla,
т.к. для реализации задачи нужен атрибут rel для ссылки)
1.
<div class="all-images">
<ul>
<li class="all-images"><a rel="all" class="current">Все кухни</a>
</li>
</ul>
</div>
2.
<ul>
<li><a rel="massive">Массив</a></li>
<li><a rel="emale">Эмаль</a></li>
<li><a rel="shpon">шпон</a></li>
<li><a rel="mdf">мдф</a></li>
<li><a rel="plastic">Пластик</a></li>
<li><a rel="plenka">пленка</a></li>
</ul>
3.
<ul>
<li><a rel="corner">Угловые кухни</a></li>
<li><a rel="direct">Прямые кухни</a></li>
<li><a rel="shaped">п-образные кухни</a></li>
</ul>
4.
<ul>
<li><a rel="classic">Классика</a></li>
<li><a rel="modern">Модерн</a></li>
<li><a rel="provance">Прованс</a></li>
<li><a rel="country">Кантри</a></li>
<li><a rel="english">Английский стиль</a></li>
<li><a rel="italy">Итальянский стиль</a></li>
<li><a rel="neoclassic">Неокласика</a></li>
</ul>
Все четыре меню обвёрнуты в #flavor-nav.
В галерее изображений, к каждой картинке прописаны несколько классов, по которым и работает атрибут ссылки rel
из соответствующего пункта меню.
Для добавления класса active для этих меню используется скрипт
----------------------------
$(function() {
$("#flavor-nav ul li a").click(function() {
$("#Style ul li a").removeClass("active");
$(this).toggleClass("active");
})
});
----------------------------
Для работы фильтра по классам для галереи используется скрипт
------------оригинал-------------
jQuery(function() {
var newSelection = "";
$("#flavor-nav a").click(function(){
$("#all-flavors").fadeTo(200, 0.10);
$("#flavor-nav a").removeClass("current");
$(this).addClass("current");
newSelection = $(this).attr("rel");
$(".flavor").not("."+newSelection).slideUp();
$("."+newSelection).slideDown();
$("#all-flavors").fadeTo(1000, 1);
});
});
---------------------------------
----------изменённый------------
jQuery(function() {
var newSelection = "";
$("#flavor-nav a").click(function(){
$("#all-flavors").fadeTo(200, 0.10);
$("#flavor-nav a").removeClass("current");
$(this).addClass("current");
if ($(this).hasClass("processed")) {
$(this).removeClass("processed");
} else {$(this).addClass("processed");}
newSelection = $(this).attr("rel");
$(".flavor").not("."+newSelection).slideUp();
$("."+newSelection).slideDown();
$("#all-flavors").fadeTo(1000, 1);
});
});
-------------------------------------
Задача.
1. Скрипт фильтра был изменён для того, чтобы при повторном нажатии на ссылку,
класс active был отменён, но отмена срабатывает только для первого меню
( <div class="all-images">
<ul>
<li class="all-images"><a rel="all" class="current">Все кухни</a>
</li>
</ul>
</div> ).
Нужно сделать, чтобы отмена класса active, при повторном клике на ссылку, срабатывал для всех ссылок всех меню.
2. Сделать множественный выбор по ссылкам всех меню (на данный момент фильтр срабатывает только при клике по одной
какой-нибудь ссылке любого меню).
Ссылка на тестовый поддомен (http://abcsolutions.by/anons/)
Переписка через ([email protected])
Актуальні фриланс-проєкти в категорії Javascript та Typescript
Шукаю досвідченого Full Stack розробника для створення SaaS-сервісу для інтернет-магазинів.Ідея сервісу: Клієнт завантажує посилання на свій товарний фід (XML або CSV). Сервіс автоматично отримує товари, бере їхні фотографії та створює нові рекламні зображення за готовими шаблонами: ціна, знижка, логотип, акційні плашки тощо. Також у сервісі має бути простий редактор… Javascript та Typescript, Веб-програмування ∙ 1 день 14 годин тому ∙ 82 ставки |
Розробка WebGL/Three.js сцени з генерацією та експортом 3D (снапшот) з анімованого шейдераОпис об'єкта:Проект являє собою дизайнерський стіл, виконаний у формі реалістичного, глибокого водовороту (центральна воронка, яка плавно переходить з широкої горизонтальної стільниці в тонку витончену ніжку). Суть задачі:Потрібен WebGL / Creative Coding розробник для створення… Javascript та Typescript, Веб-програмування ∙ 2 дні 11 годин тому ∙ 30 ставок |
Підтримка та розвиток сайту клінінгової компанії
906 UAH
Шукаю веб-розробника / вебмайстра для довгострокової підтримки та розвитку сайту клінінгової компанії. Сайт: https://donely.ca Про проєкт DoneLy Home Services — компанія з надання послуг прибирання в Канаді, яка активно розвивається та розширює географію роботи. Шукаю… Javascript та Typescript, Веб-програмування ∙ 4 дні 13 годин тому ∙ 64 ставки |
Розробка сайту по ТЗ на FramerПотрібно зробити сайт по цим параметрам що в тз https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Називайте реальний рейт на основі цього дизайну HTML та CSS верстання, Javascript та Typescript ∙ 5 днів 14 годин тому ∙ 29 ставок |
Розробка інтерактивної карти Palworld для сайтуПотрібно розробити інтерактивну карту Palworld за прикладом: https://palworld.gg/map Нам потрібна не просто статична картинка, а повноцінна інтерактивна карта, де користувач може дивитися локації, вмикати / вимикати категорії об’єктів, шукати потрібні точки та взаємодіяти з… HTML та CSS верстання, Javascript та Typescript ∙ 7 днів 5 годин тому ∙ 36 ставок |