Category: HTML5

04
Мар
2021

Мне нужно создать поиск по тексту

Есть небольшой набросок JS кода, но дальше уперся и не понимаю как дальше, изменял его много раз, но от решения я всё ещё далеко.
Как мне при помощи регулярных, сделать поиск в p, чтобы при нажатии на поиск, совпадения выделялись жирным, в…

04
Мар
2021

HTML5 video. блокировка при кешировании видео в ios

Уже не знаю как решить проблему. Везде работает исправно кроме ios.
у меня есть video элемент в React приложении. На ios со слабым интернетом видео ставится на паузу для загрузки в кеш и в этот момент все на экране блокируется. Кнопки не р…

24
Фев
2021

React TS Скормить картинку в video елемент и указать длительность

Появилась задача…

Есть картинка Example.jpg
Есть video html5 елемент в React приложении
Есть длительность псевдовидео

Вопрос: Есть ли возможность создать видеофайл(из картинки) который скушает video и проиграет его нужное время?
Создат…

23
Фев
2021

Почему необходимо использовать тег picture вместо тега img

От автора: использование изображений и анимации в пользовательских интерфейсах стало обычным делом в современных веб-приложениях. Хотя эти разработки ориентированы на улучшение взаимодействия с пользователем вашего приложения, все может иметь неприятные последствия, если эти изображения не реагируют на все устройства. Как разработчики, мы должны выполнять все необходимые требования. Но в большинстве случаев мы упускаем некоторые мелочи, […]

23
Фев
2021

Нужно сделать видимыми формы при нажатии на кнопку JS

Пытаюсь сделать так, чтобы при нажатии на кнопку в таблице под каждым элементом строки появлялись формы. Пытался через массив, но, похоже, что-то передаю не так. Дайте по шапке, т.к. с Js не работал до этого
Код таблицы с кнопкой:
<c:fo…

23
Фев
2021

Нужно сделать видимыми формы при нажатии на кнопку JS

Пытаюсь сделать так, чтобы при нажатии на кнопку в таблице под каждым элементом строки появлялись формы. Пытался через массив, но, похоже, что-то передаю не так. Дайте по шапке, т.к. с Js не работал до этого
Код таблицы с кнопкой:
<c:fo…

21
Фев
2021

Как вывести массив в таблицу HTML?

Есть небольшая программа, реализующая вычислительный конвейер. То есть сравниваются два массива на вхождение: если первый входит во второй, то из него берутся все значения и помещаются во второй, иначе второй сдвигается влево на один симво…

19
Фев
2021

Почему, при печати, canvas очищается, и больше на нём ничего не появляется?

При нажатии на кнопку "create rectangle", должен появляться квадрат, но почему, после нажатия на кнопку "print", этого не происходит?

var canvas = document.getElementById(“printable-area”);
var ctx = canvas.getConte…

29
Янв
2021

Поиск записей по клику на кнопку

Всем привет!
Нужна помощь, пытаюсь реализовать во vue поиск записей по нажатию на кнопку.
Создал в methods функцию поиска и повесил её на кнопку. Ввожу поисковый запрос в input и кликаю на кнопку поиска, поиск отрабатывает, при повторном д…

27
Янв
2021

Смена картинки по нажатию

Пишу сайт для тестирования специалистов. Написал скрипт для смены картинки по нажатию, но работает он только для 1 блока. После того как внедрил PHP-код для того, чтобы вывести 60 вопросов, скрипт перестал корректно работать.
Сам скрипт дл…

26
Янв
2021

Почему плагин mmenu работает некорректно?

Почему плагин mmenu работает некорректно на мобильных диапазонах, например, 375px, если в HTML не указать user-scalable=no, maximum-scale=1.0, minimum-scale=1.0 ?
То есть, при такой записи плагин работает нормально:
<meta name="vie…

26
Янв
2021

Обновление времени cookie

Есть такое вопрос. Я написал скрипт на проверку активности он работает отлично, но проблема в том, что куки живут 1 час. А мне необходимо, чтобы если пользователь не активен, то куки живут 1 час, а если активен, то живут до тех пор, пока п…

23
Янв
2021

Чтобы быть впереди веба, веб-стандартам нужно бежать в два раза быстрее

Не секрет, что в последние годы веб развивается крайне стремительно. Периодически выходят новые библиотеки, фреймворки и другие полезные для нас инструменты. Всё это безусловно помогает нам решать повседневные задачи. Но в погоне за популярными новинками мы совсем не обращаем внимание на истоки. Многие начинающие разработчики начинают знакомство с кодом именно с инструментов, а не с […]

23
Янв
2021

Прижать текст слева при использовании justify-content: center

столкнулся с такой проблемой на которую я решил не закрывать глаза.
Используя навигацию и делая ее по цертру, если указать flex-wrpa: wrap. Будет перенос блока.
Но так как я использую justify-content: center; Сталкиваюсь с тем, что блок…

22
Янв
2021

Как можно динамически менять Title на странице силами JS?

Есть такая задача: когда происходит некоторое событие (скролл страницы), необходимо менять title.
Мне нужно, чтобы происходила такая магия: я скроллю страничку (соответственно, координата Y будет меняться) и при этом, при смене координаты,…

21
Янв
2021

Не получается сделать скрипт для переключения "Tabs Menu" Node.js Electron

Суть в том что по умолчанию открывается "tab1", это является начальной страницей. При переключении между ними всё содержимое "tab1" пропадает и не появляются другие. Как я понял проблема в том что не присваивается какой…

19
Янв
2021

Как исправить баги с фильтрации?

Как сделать чтобы чекбоксы и ползунок работали совместно на нативном javascript? Чтобы я например выставил цену не больше 2000 руб и выбрал Асус 2019 и чтобы мне только он выводился

document.querySelector(‘.range’).oninput = () => {…

16
Янв
2021

Анимация 3D куба с внутренним элементом

Задача: Анимация шара, расположенного внутри куба, который должен двигаться в соответствии расположения курсора на мониторе, и дно куба по которому будет двигаться шарик будет повторять монитор. Шарик должен двигаться с ускорением и замедл…

16
Янв
2021

Анимация 3D куба с внутренним элементом

Задача: Анимация шара, расположенного внутри куба, который должен двигаться в соответствии расположения курсора на мониторе, и дно куба по которому будет двигаться шарик будет повторять монитор. Шарик должен двигаться с ускорением и замедл…

14
Янв
2021

Как устранить ошибку при валидации js в интерактивном баннере html5?

Сделал интерактивный рекламный html5 баннер, но, при загрузке на рекламный ресурс гугла получаю ошибку
Ругается, на сложение в коде js, т.к. в отличие от браузера не умеет его интерпретировать
<canvas width="240" height="…

12
Янв
2021

Нужно написать форму с помощью JS и HTML для приложения, но я не знаю как, нужен совет

Объясняю – попросил у учителя задание, и вот что он дал: "Необходимо разработать web-приложение – Список дел. Функционал простой: добавить, удалить, отметить выполненным. Визуальная часть в произвольной форме. Используемые технологии….

11
Янв
2021

Как удалить текст из большого количества элементов?

У меня есть код, который содержит большое количество тэгов(span-ы там разные и т.д). Как мне удалить текст из всех них разом, не вводя innerHTML = "", для каждого, а то масштабно выйдет, да и в костыли лезть не хочется.
Пробовал …

10
Янв
2021

Как сделать фильтрацию предметов как в онлайн магазинах на нативном js?

У меня получилось что-то вроде
этого
Но хотелось бы короче сделать это например с помощью цикла for, а то у меня не выходит что-то

document.querySelector(‘.input’).onchange = () => {
if (document.querySelector(‘.input’).checked) {…

10
Янв
2021

Как запустить JavaScript код из iframe в index.html(Основное окно)?

Я не понимаю как это реализовать, у меня ничего не получилось. Сперва я хотел использовать contentWindow
но оно у меня не работает, потом через некоторое время я увидел что это можно как через easyXDM сделать
но и это я тоже не смог пожалу…