Скрипит подсветки слов на странице + попап
500 UAHНужен скрипт , который в виде
highlight("tensorflow");будет выделять текст на странице.
- Поиск должен работать case insensitive , то есть независимо от регистра tensorflow или TensorFlow
- На выделенный текст нужно вешать обработчик на клик и на наведение. Для Обработчика по наведению нужна настраиваемая задержка перед срабатыванием . Сам текст должен быть выделен желтым фоном
- При клике или наведении - нужно отобразить динамический HTML попап , который будет находится рядом с текстом в видимой части экрана. Пример попапа https://prnt.sc/qnf23u
- Контент попапа будет генерироваться при клике , то есть для каждого выделенного слова разный - загружаясь с другого сервиса. Контентом попапа будут текст , таблицы, картинки
- На попапе должна быть возможность закрыть его кнопкой и кликом в любом другом месте экрана. Только один попап должен быть на экране в один момент времени
- Скрипт должен все стили добавлять не html элементы, не встраивая ничего в стили на странице
- Скрипт будет запускаться по 50-100 раз на страницу при загрузке, необходима высокая производительность
- Должен работать на страницах сайтов и не ломать их работу . Нужно протестировать как для зарегистрированных пользователей так и нет
- Нужен скрипт на чистом javascript , без применения библиотек (типа jquery)
Отзыв заказчика о сотрудничестве с Владиславом Комельковым
Скрипит подсветки слов на странице + попапЯ выполнил задание качественно, был на связи
Отзыв фрилансера о сотрудничестве с Andrii Nazymko
Скрипит подсветки слов на странице + попапРаботой доволен, заказчик отзывчивый вежливый. Описание и проведение проекта на высоте.
Рекомендую
-
Победившая ставка1 день500 UAH
198 3 0 Победившая ставка1 день500 UAH
Добрый день, с заданием ознакомился. Готов реализовать необходимый скрипт в виде хром разширения.
-
Вам нужно хром расширение?
-
День добрый,
Скрипт будет использоваться в существующем хром расширении . Само расширение не нужно 🙂
-
>> 6. Скрипт должен все стили добавлять не html элементы, не встраивая ничего в стили на странице
тут с предлогами путаница. как должно быть?
-
Вверно, напутал немного
Скрипт должен все стили добавлять в html элементы, не встраивая ничего в стили на странице
вытекает с того, что скрипт будет запускаться много раз по требованию. потому стили должны быть inline в каждом элементе
-
Актуальные фриланс-проекты в категории Javascript и Typescript
Ищу опытного Full Stack разработчика для создания SaaS-сервиса для интернет-магазинов.Идея сервиса: Клиент загружает ссылку на свой товарный фид (XML или CSV). Сервис автоматически получает товары, берет их фотографии и создает новые рекламные изображения по готовым шаблонам: цена, скидка, логотип, акционные плашки и т.д. Также в сервисе должен быть простой… Javascript и Typescript, Веб-программирование ∙ 1 день 13 часов назад ∙ 82 ставки |
Разработка WebGL/Three.js сцены с генерацией и экспортом 3D (snapshot) из анимированного шейдераОписание объекта:Проект представляет собой дизайнерский стол, выполненный в форме реалистичного, глубокого водоворота (центральная воронка, которая плавно переходит из широкой горизонтальной столешницы в тонкую изящную ножку). Суть задачи:Требуется WebGL / Creative Coding… Javascript и Typescript, Веб-программирование ∙ 2 дня 9 часов назад ∙ 30 ставок |
Поддержка и развитие сайта клининговой компании
906 UAH
Ищу веб-разработчика / веб-мастера для долгосрочной поддержки и развития сайта клининговой компании. Сайт: https://donely.ca О проекте DoneLy Home Services — компания по предоставлению услуг уборки в Канаде, которая активно развивается и расширяет географию работы. Ищу… Javascript и Typescript, Веб-программирование ∙ 4 дня 11 часов назад ∙ 64 ставки |
Разработка сайта по ТЗ на FramerНеобходимо сделать сайт по этим параметрам, что в ТЗ https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Назовите реальный рейд на основе этого дизайна HTML и CSS верстка, Javascript и Typescript ∙ 5 дней 12 часов назад ∙ 29 ставок |
Разработка интерактивной карты Palworld для сайтаНеобходимо разработать интерактивную карту Palworld по примеру: https://palworld.gg/map Нам нужна не просто статическая картинка, а полноценная интерактивная карта, где пользователь может смотреть локации, включать / выключать категории объектов, искать нужные точки и… HTML и CSS верстка, Javascript и Typescript ∙ 7 дней 3 часа назад ∙ 36 ставок |
Киев