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

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

15 html  css  css-animations  css-transforms 

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

15 html  css  css-position  fixed 

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

15 javascript  html  iframe  browser-history  content-security-policy 

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

15 html  reactjs  routing  react-router  next.js 

Я не могу вставить символ ﷼(риаловую валюту) перед числом: 1﷼ Даже невозможно вставить его между двумя числами, он вставляется в конце: 11﷼ Нет проблем, если вы попытаетесь вставить его перед буквой: ﷼a Кто-нибудь знает, что происходит и как я могу это сделать?

14 html 

Как сделать iframe отзывчивым, не предполагая соотношения сторон? Например, контент может иметь любую ширину или высоту, которые неизвестны до рендеринга. Обратите внимание, вы можете использовать Javascript. Пример: <div id="iframe-container"> <iframe/> </div> Измените размер iframe-containerтак, чтобы его содержимое едва помещалось внутри без дополнительного пространства, другими словами, для содержимого достаточно места, чтобы …

14 javascript  html  css  iframe  responsive-design 

Когда я набираю последнее число , первое число входит внутрь text-box(оно исчезает), оно добавляет один дополнительный пробел. После того, как я нажму снаружи, text-boxэто выглядит хорошо, что мне нужно во время ввода последнего символа. #number_text { padding-left: 9px; letter-spacing: 31px; border: 0; background-image: linear-gradient(to right, #e1e1e1 70%, rgba(255, 255, 255, …

14 javascript  jquery  html  css 

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

14 javascript  html  server  browser-cache 

Я хочу создать 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>" + "<label contenteditable=\"true\">section 1</label>" + "</div>" + "</li>"; } Есть ли инструмент или какой-либо ярлык для создания этого типа строки HTML? …

14 javascript  html 

Я создал автоматизацию, которая позволит мне вводить данные на веб-сайте (хотя я не могу поделиться им, поскольку он является внутренним). Мой код ниже работает только до тех пор, пока он не введет текст "получил от". Однако, это поле «получено от» имеет список автозаполнения, и мне нужно выбрать его, чтобы заполнить …

13 html  excel  vba  web-scraping  autocomplete 

Браузер Chrome автозаполнение удалено эффект background-colorи background-imageот Usernameи Passwordполей ввода. До автозаполнения После автозаполнения Но Chrome Browser автозаполнения скрыть мои значки от входов и также изменил мои background-color. Поэтому мне нужно, чтобы мои иконки оставались на входах как есть. Можно ли остановить браузер Chrome от изменения цвета фона полей и …

13 javascript  html  css  google-chrome 

В следующем примере, когда вы нажимаете на метку, вход меняет состояние. document.querySelector("label").addEventListener("click", function() { console.log("clicked label"); }); label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } <input type="checkbox" id="1"> <label for="1">Label</label> Выполнить фрагмент кодаСкрыть результатыРазвернуть фрагмент В Chrome, при перемещении курсора между mousedownи mouseupсобытиями вход еще сработал, в …

13 javascript  html  css  label 

У меня есть HTML-таблица, и я хочу нарисовать стрелку из одной ячейки в другую ячейку. Например, вот так: Как это можно сделать? Пример HTML: <html> <body> <table> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td id="end">9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td>0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> <tr><td id="start">0</td><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><tr> </body> </html> Если вы измените размер браузера, стрелка должна остаться в …

13 javascript  html  svg 

Следующая проблема возникла при использовании Firefox v73 в Windows 7: В моем коде я использую многофайловую сборку в html для загрузки до 100 файлов: <input type="file" id="files" name="files" multiple> Файлы будут отправлены в REST-API, который затем обрабатывает их. Когда я выбираю один файл (в проводнике файлов), который используется в настоящее …

12 html  firefox  multifile-uploader  filepicker 

У меня есть этот макет, который был создан динамически: for (let i = 1; i < 10; i++) { document.querySelector('.card-body').innerHTML += `<div class="row" id="img_div"> <div class="col-12 col-sm-12 col-md-2 text-center"> <img src="http://placehold.it/120x80" alt="prewiew" width="120" height="80"> </div> <div id="text_div" class="col-12 text-sm-center col-sm-12 text-md-left col-md-6"> <h4 class="name"><a href="#" id="title` + i + `">Name</a></h4> …

12 javascript  html  innerhtml