Запитання з тегом «html»

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

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

Я новачок у Next.js, і мені цікаво, як, наприклад, переадресувати з початкової сторінки ( / ) на / hello-nextjs . Як тільки користувач завантажує сторінку, а потім визначте, чи шлях === / перенаправлення до / hello-nextjs У реактор-маршрутизаторі ми робимо щось на кшталт: <Switch> <Route path="/hello-nextjs" exact component={HelloNextjs} /> <Redirect …

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, 0) …

14 javascript  jquery  html  css 

Я тестую html / js-код на своєму localhost (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>"; } чи є інструмент чи якийсь ярлик для створення цього …

14 javascript  html 

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

13 html  excel  vba  web-scraping  autocomplete 

Браузер Chrome автозаповнення видалено ефект background-colorі background-imageвід Usernameі Passwordполів введення. Перед автозаповненням Після автозаповнення Але автозаповнення браузера Chrome приховало мої піктограми від входів, а також змінило мої 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 у Вікні 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> <h4> …

12 javascript  html  innerhtml 

Проблема , здається, що деякі букви , як g, y, qі т.д. , які мають хвіст , що нахили вниз, не дозволяють для вертикального центрування. Ось зображення для демонстрації проблеми . Персонажі в зеленому полі в основному ідеальні, оскільки у них немає хвоста вниз. Ті, хто знаходиться у червоному полі, …

12 javascript  html  css  vertical-alignment 

Я спробував багато способів зробити так, щоб таблиця підходила до сторінки (A4), як показано на малюнку: я багато шукав, але не зміг знайти нічого корисного в Інтернеті. Я використовую динамічну таблицю, все нормально, крім ширини таблиці. ось мій код: $content = '<table><thead><tr><th class="bg-dark text-white" align="center">#</th><th align="center" class="bg-dark text-white">Code</th><th align="left" class="bg-dark …

11 php  html  css  tcpdf