Category: HTML5

07
Июл
2020

HTML5 Drag and Drop специальные события именно для Drag’n’Drop переноса

при изучении js наткнулся на такое: мобильные устройства плохо поддерживают специальные события именно для Drag’n’Drop и возникли вопросы

насколько плохо?))
если у сайта будет мобильная версия реализовать drag-and-drop с помощью специальн…

07
Июл
2020

drag по клику скроллинг элементов

есть элемент которые стоят в ряд друг за другом и обернуты в overflow: scroll. Нужно чтобы пользователь потянул за элемент и проскроллил до другого, как это можно сделать?

.overflow {
display:flex;
overflow-x: scroll;
}

.overflow__ite…

01
Июл
2020

Как сделать анимацию на slick слайдере при прокрутке колесом мышки

Как сделать вот такую анимацию на slick слайдере при прокрутке колесом мышки?
То есть когда мы колесом мыши прокручиваем слайды, то кругляши по часовой стрелке двигаются по кругу. И плюс должны высвечиваться заголовки других слайдов сверху…

30
Июн
2020

Какие существуют стратегии при работе с Canvas?

С канвасом знаком поверхностно –
при первом знакомстве столкнулся с таким гайдом в разрезе работы с vue.js:
Controlling the HTML5 Canvas with Vue.js

Вопросы:

Позволяет ли такой способ работать со слоями канваса – так же как с обычными д…

28
Июн
2020

Как сделать ,чтобы нарисованные фигуры в HTML5 canvas, двигались с разной скоростью?

Всем Привет!
Как мне сделать, чтобы нарисованные фигуры (два квадрата),
двигались – первый медленней, второй быстрее. (код ниже)
Заранее СПАСИБО за уделенное время!

<!DOCTYPE html>
<html lang=”en”>
<head>
<meta…

18
Июн
2020

Не пойму как доработать форму?

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

18
Июн
2020

Почему не происходит прокрутка страницы до якоря?

Vue приложение, используется роутер, mode: ‘history’
На главной странице перебором массива отрисовываются router-link с :to="{path: ‘/page’, hash: ‘#’+item}"
На другой странице содержатся компоненты с обычным текстом. В начале ка…

18
Июн
2020

Кеширование на сайте

Каждый раз когда я что-то изменяю в css или js файле не происходят изменения на сайте из-за кеширования. Чтобы увидеть изменения нужно переименовать файл. Можно к концу дописать цифры css?92863. Как при каждом сохранении автоматически меня…

17
Июн
2020

Добавить transiotion в slider?

Добрый день как добавить плавный переход между слайдами
style.transition = "all .9s";

const slides = document.querySelectorAll(‘.slide’); // все картинки в слайдере
const thumbs = document.querySelectorAll(‘.thumbnail…

16
Июн
2020

Мне нужно по нажатию кнопки увеличить значение чисел в таблице

Я хочу анимировать числа таким образом. После нажатия кнопки «Пуск» мне нужно, чтобы числа менялись от 0 до конечного значения. Кроме того, после нажатия кнопки «Стоп» необходимо вернуть значения в ноль. Это мой проект по физике, и после …

14
Июн
2020

Модальные окна, на чистом JS

пытался реализовать модальные окна на сайте их 3 , проблем лишь в том , что после клика на кнопку закрытия, повторное открытие какого-либо модального окна сопровождается с ошибкой: Uncaught TypeError: Cannot read property ‘classList’ of nu…

13
Июн
2020

Как зафиксировать 1-ую строку у нескольких таблиц на странице средствами html и css?

У меня на странице несколько таблиц. Пытаюсь средствами html и css у каждой зафиксировать 1-ую строку (заголовок).
<head>
<style>
table {table-layout: fixed;width:98%; height: 250px; margin-top: 16px; border: bla…

10
Июн
2020

Spring app, стрим звука

Нужно добавить в spring boot приложение проигрывание звука.
HTML тег не проигрывает.

<audio controls>
<source src=”sound.mp3″ type=”audio/mpeg”>
</audio>

Я так понимаю проблема в том, что передать нужно поток? …

09
Июн
2020

Python и HTML Canvas

Я пару недель уже пытаюсь в JavaScript, но только сейчас понял, что этот язык я использую только для работы с HTML Canvas. И если есть такая возможность, я бы предпочёл работать в Python.
Однако ни Tkiner, ни какая либо ещё графическая би…

08
Июн
2020

Создать класс "двигающихся" объектов

Есть тестовый сайт, на котором уже есть 2 объекта, которые могу хватать и перетаскивать. Работает алгоритм на 2 переменных “div” и “div2” – соответственно они же и id этих двух объектов.

Теперь вопрос, можно ли (предполагаю, что да, но н…

07
Июн
2020

Использование PHP в готовом html

Как можно подключить и использовать PHP в HTML. Я знаю что в самом PHP файле можно через echo” написать необходимый HTML код, но тогда он для меня не очень удобен. Есть ли способ подключить PHP скрипты к готовому HTML? Если можно будет ис…

06
Июн
2020

Мне 14, хочу стать Web разработчиком. Что мне для этого делать? [закрыт]

Мне 14 лет, перехожу в 9 класс. В будущем хочу связать свою жизнь с Web-программированием, пока что я знаю на достаточно хорошем уровне Python. html 5 и CSS 3 прохожу в html academy и могу сверстать простенький сайт , только начал изучать …

05
Июн
2020

Как рендерить карту canvas

Хочу сделать игру, похожую на papers please. Уж сильно мне понравилась ее задумка.
Я уже реализовал всю основную механику. Теперь нужно сделать интерфейс.
Я решил начать с верхней панели, где находится улица

Мне нужно через html canvas сд…

30
Май
2020

Деактивация input по кнопке

На сайте создал поиск с полем input и type=”search”, разметка Bootstrap 4

В мобильных приложениях где есть Поиск, когда нажимаешь в поле Поиск появляется клавиатура для ввода. Чтоб её закрыть – вверху окна клавиатуры есть кнопка Готово ил…

26
Май
2020

Помощь с написанием кода JS Jquery

Я новичек, не сильно разбираюсь в верстке. Но если сверстать – это пол беды, то написать код на JS меня поставило в тупик, помогите пожалуйста написать код на JS и по возможности объяснить. Нужно сделать автоматизированное появление дел сл…

26
Май
2020

Две кнопки для разных видео конфликтуют в javascript

При нажатие на START должно запускаться Video1, а при нажатие на кнопку STOP запускатся Video2 и скрыватся Video1. У меня проблема в том что блок с Video1 скрывается и запускается Video2, но при нажатие на кнопку START не запускается Video…