Вопросы с тегом «html»

79
Websocket onerror - как прочитать описание ошибки?

Некоторое время я занимался разработкой браузерной многопользовательской игры и тестировал доступность различных портов в различных средах (офис клиента, общедоступный Wi-Fi и т. Д.). Все идет хорошо, кроме одного: я не могу понять, как читать ошибку №. или описание при получении события onerror....

40
Выходные данные загрузчика файлов Webpack [объектный модуль]

Я использую веб-пакет с HtmlWebpackPlugin, html-loaderи file-loader. У меня есть простая структура проекта, в которой я использую не фреймворки, а только машинопись. Таким образом, я пишу свой HTML-код непосредственно в index.html. Я также использую этот HTML-файл в качестве шаблона в...

23
Центрируйте DIV неравномерно, используя CSS

Я центрирую DIV внутри другого DIV, используя flexbox. Подумайте о диалоговом окне, которое появляется в центре экрана при необходимости. Это работает нормально, однако выглядело бы намного лучше, если бы пространство над и под диалоговым окном было не совсем одинаковым, с 40% оставшегося...

23
Как убрать странные промежутки между тремя элементами, имеющими одинаковый цвет фона?

Я уже давно борюсь с этой проблемой. Эту проблему можно увидеть на мобильных устройствах (Android и iOS), некоторые устройства могут быть немного увеличены. На ПК я также могу воспроизвести эту ошибку в браузере Chrome при переключении в мобильный режим. Ниже приведен код, используемый для...

21
Как сравнить 2 фрейма и визуально получить разницу?

Случай : У меня есть 2 iframe, и у обоих есть много div и других элементов управления, поэтому оба iframe похожи на HTML-сайты среднего размера. Я хочу сравнить оба и выяснить различия. Я думал разные варианты здесь: Решение 1: Сделайте полный скриншот из 2 iframes и сравните оба скриншота,...

20
Как получить выделенную текстовую позицию из текстовой области в JavaScript?

Я хочу, чтобы получить выделенную позицию текста с помощью JavaScript. Например, у меня есть простая текстовая область. #input-text { resize: none; width: 50%; height: 50px; margin: 1rem auto; } <textarea id="input-text">I am a student and I want to become a good person</textarea>...

17
Не разрешать горизонтальную прокрутку при вертикальной прокрутке (и наоборот)

У меня есть список, с overflow-xи overflow-yустановлен в auto. Кроме того, я настроил прокрутку импульса, поэтому сенсорная прокрутка прекрасно работает на мобильных устройствах webkit-overflow-scrolling: true. Однако проблема в том, что я не могу понять, как отключить горизонтальную прокрутку при...

17
Создание элементов одинакового размера с переносом

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

16
Как создать пунктирные круги с равномерным интервалом?

Я хотел сделать пунктирный круг с помощью CSS и создал его следующим образом. Хотя этот процесс может отображать пунктирную окружность, промежуток между концом и началом пунктирной линии стал узким, и разрыв не был равномерным. .c { width: 500px; height: 500px; border-width: 15px; border-style:...

16
Как выбрать несколько ячеек, используя Ctrl + клик

У меня есть таблица с номерами. Когда я нажимаю на ячейку в таблице, она переключает активное состояние. Я хочу выбрать одну ячейку и нажать crtl и выбрать другую ячейку, и в результате ячейки между первой и второй станут активными. Как это реализовать? codepen...

15
Next.js Перенаправление с / на другую страницу

Я новичок в Next.js и мне интересно, как, например, перенаправить со стартовой страницы ( / ) в / hello-nextjs . После того, как пользователь загрузит страницу и после этого определит, будет ли путь === / перенаправить на / hello-nextjs В реакции-роутере мы делаем что-то вроде: <Switch>...

15
Могу ли я использовать window.location.replace в iframe?

Мы можем использовать, window.location.replaceчтобы избежать истории и нацелить якоря на странице без перезагрузки страницы, но не в iframes? Проблема заключается в нарушении CSP (политики безопасности контента), состояния которого script-src 'unsafe-inline'должны быть включены. За исключением...

15
Расположение прокручиваемого контента в фиксированном меню навигации flexbox

У меня есть следующий фрагмент (необходимо просмотреть в полноэкранном режиме), что я пытаюсь поместить <main>элемент непосредственно под <header>элементом. У меня <header>фиксированная позиция, потому что я хочу, чтобы она оставалась в верхней части экрана, когда пользователь...

15
Как я могу изогнуть линию в CSS анимации «американских горок»?

Я пытаюсь создать анимацию в стиле американских горок с помощью CSS. Я хочу знать, как изогнуть «каботажное судно», когда оно находится в стадии цикла. Я ищу решение для всего CSS, но если есть необходимость немного JavaScript, я в порядке с этим. мой код до сих пор: #container { width: 200px;...

15
Как создать многоуровневый выпадающий список и связать его с данными, поступающими с сервера

Я очень новичок в Angular. У меня есть работа над Angular. Мне нужно связать Nested выпадающий список для Jsonданных, поступающих с сервера, вызвав Rest Api. Данные имеют один атрибут LgLevel, Определяет уровень в иерархии группы. Родитель будет иметь level=0, Immediate Child=1, Grandchild=2и так...

14
преобразовать HTML в HTML-строку в файле JS

Я хочу создать HTML через JS, поэтому мне нужно написать HTML внутри файла JS, например: function createHtmlSection() { return "<li class=\"chapter up-wrapper-btn\">" + "<div>" + "<button><i class=\"fa fa-plus\" onclick=\"addSection('up',this)\"></i></button>" +...

14
Почему сервер игнорирует изменения в файлах кода, даже если кеш отключен?

Я тестирую html / js-код на своем локальном хосте (Windows 7, Chrome v79.0.3945.130 (64-битная версия)), и около 50% изменений временного кода не отражаются в браузере (я вижу это с помощью Dev Tools / Sources ). В интернете есть масса советов, но ни один из них не работает: Щелкните правой кнопкой...

14
Первый номер идет внутрь, когда наберите последний номер в текстовом поле

Когда я набираю последнее число , первое число входит внутрь text-box(оно исчезает), оно добавляет один дополнительный пробел. После того, как я нажму снаружи, text-boxэто выглядит хорошо, что мне нужно во время ввода последнего символа. #number_text { padding-left: 9px; letter-spacing: 31px;...