Новые ответы с меткой javascript
1
голос
Как создавать кольцевые диаграммы с помощью stroke-dashoffset и stroke-dasharray
Длина окружности - 2 * 3.14 * R. В данном случае длина окружности будет ~100, что очень удобно. stroke-dasharray - первое число - сколько идет dash, второе - сколько идет пропуск. stroke-dashoffset ...
0
голосов
Проблема в обработчике создания пользователя Node.js
В вашем коде есть две проблемы.
Первая, простая проблема, состоит в том, что счётчик uniqueID обнуляется при каждом рестарте сервиса. Решается эта проблема тоже просто - нужно хранить последнее ...
0
голосов
Принятый
Не работает скрипт для обработки формы в модальном окне
Всё просто: нужно подключить Jquery, например v3.0.0
В дополнение: нужно писать не:
"Примерная стоимость вашего тура на ${kol} человек составит ${stoim} у.е. Мы свяжемся с ВАМИ!!"
а
`...
0
голосов
Проблема в обработчике создания пользователя Node.js
получается так, что создается только один пользователь и все
У меня все нормально инкрементируется и создается... Для простоты все делается без учета протокола, только анализ УРЛа.
const http = ...
1
голос
Почему применение CSS-фильтра к родительскому элементу нарушает позиционирование дочернего элемента?
Если обратиться к спецификации, то можно прочитать:
Значение свойства фильтра, отличное от none, приводит к созданию
содержащего блока для потомков с абсолютным и фиксированным расположением, если ...
0
голосов
JS HTML Хочу отследить на какой из 19 областей сейчас находится мышка и выводить её класс в консоль каждую секунду
document.addEventListener('DOMContentLoaded', function () {
var imageContainer = document.querySelector('.image-container');
var areas = document.querySelectorAll('.image-container area');
...
1
голос
Проблема с изменением текста в span элементе при использовании JavaScript
После того как ты изменил textContent в элементе - весь html который в не был пропадает.
Поэтому на следующем вызове при попытке получить span элемент ты получишь null и ошибку, когда попытаешься ...
1
голос
Проблема с изменением текста в span элементе при использовании JavaScript
У меня возникла проблема при использовании JavaScript для изменения текста в элементе .
Предложу тебе вот такой вариант решения...
const ot = {
'about-me': {
en: ['About me', 'A little ...
2
голоса
В чем разница между null и undefined?
Отличие Null и Undefined
Вообще появление в JS 2х типов данных обозначения отсутствия значения - это ошибка проектирования языка, и насколько я знаю ни в одном другой языке программирования нет 2х ...
0
голосов
надо сделать так чтобы при клике на дивы у которых id box1 box9 box35 box44 box49 box53 box67 box83 box93 box97 ниже допишу
Если проблема заключается в отображение картинки то вам нужно правильно указать путь к картинке
document.getElementById("box1").style.backgroundImage = "url(*путь к картинке*)"
1
голос
Принятый
Можно ли отследить появление кнопок по тексту и две из трёх скрыть?
Можно ли как-то отследить первые буквы в кнопке по алфавилу и удалить их, а оставить только одну кнопку у которой текст начинается на букву, которая в алфавите стоит позже? Реально!
removeFirst()
...
2
голоса
надо сделать так чтобы при клике на дивы у которых id box1 box9 box35 box44 box49 box53 box67 box83 box93 box97 ниже допишу
Если вопрос в том, как добавить картинку, то ответ: вместо "pngegg (2).png" надо написать ровно такое же значение, какое бы было если это было бы в css? то есть "url(путь к картинке)&...
3
голоса
Как проверить ВСЮ строку на соответсвие регулярному выражению?
Поставьте спереди регулярки символ ^, а сзади $.
https://learn.javascript.ru/regexp-anchors
1
голос
Как сделать разницу в днях без учёта таймзон в DayJs
метод diff у date.js считает через миллисекунды, а потом делит на 60/60/24 и округляет в меньшую сторону с погрешностью (читай неправильно), т.е. возвращает количество полных суток, а не дней. Можно ...
2
голоса
Почему применение CSS-фильтра к родительскому элементу нарушает позиционирование дочернего элемента?
На вопрос почему это так работает, я к сожалению ответить не смогу (возможно это баг, или фича для фикса неких багов). Я попытался разобраться и видимо блок с filter выступает как некий relative блок ...
3
голоса
Принятый
Условный оператор не учитывает изменения условия
Действительно - defaultValue ведет себя довольно странно.
Я пошарился по интернету - с такой проблемой столкнулся не только ты. В итоге предлагают вот такое "решение" проблемы. Нужно "...
-1
голос
Слайды накладываются друг на друга
Читайте Документацию
effect: 'fade',
fadeEffect: {
crossFade: true
},
0
голосов
Метод say в js. помогите разобраться пожалуйста
function Animal(type, phrase) {
this.type = type;
this.phrase = phrase;
this.say = function() {
console.log(`${this.type} says ${this.phrase}`);
};
}
const fox = new Animal('...
5
голосов
Принятый
Почему применение CSS-фильтра к родительскому элементу нарушает позиционирование дочернего элемента?
$(window).scroll( () => {
"use strict";
let windowH = $(window).height();
let windowS = $(window).scrollTop();
let header = $("#header").height();
if (windowS < ...
1
голос
Принятый
Как отследить появление кнопки и скрыть её?
new MutationObserver(Mutations => {
for (let Mutation of Mutations) {
for (let Node of Mutation.addedNodes) {
if (Node instanceof HTMLElement) {
...
-1
голос
Canvas нужно сделать кликабельным
Для отлавливания позиции курсора используйте обработчик mousemove, в нём вы можете получить позицию курсора на экране, за счёт возвращаемого события MouseEvent, в котором содержатся свойство clientX и ...
-1
голос
Проблема в передаче контекста this в методах класса JS
Проблема потери контекста при передачи метода как колбэка.
Демонстрация проблемы:
class Slider{
constructor() {
this.a=5;
this.start()
}
start(){
this....
1
голос
Принятый
Как на javascript передать переменные в тело POST запроса (fetch)?
вам нужно инициализировать переменную const body = {} в начале, а не chooseType и в функции getType заполнять body.type = event.target.innerHTML. В таком случае все работать будет. До этого заполнение ...
0
голосов
Загрузка количество просмотров на странице из файл json, Node.js
Решил данную задачу следующим образом
const express = require('express');
const fs = require('fs');
const path = require('path');
const app = express();
app.get('/', (req, res) => {
...
1
голос
Принятый
При вводе значения в input таймер не делает отчет с этого числа
Во-первых надо выкинуть из кода теги form. Зачем они если не используются?
Во-вторых, надо написать не .onclick = startTimer(); а .onclick = startTimer;
0
голосов
Объясните почему click() стоит перед addEventListener('click', () => resolve()), но слушатель всё равно выполнятся?
В данном случае нет никакой связи между element.click(); и element.addEventListener('click', () => resolve());
У любого элемента по умолчанию есть обработчик click, который ничего не делает. В ...
1
голос
Прикрепление стрелок к path дуги SVG
Первое что приходит в голову добавить букву "▶" и позиционировать ее атрибутом startOffset по заданному path. Решение "костыльное" - но имеет место быть
class arcGauge {
...
0
голосов
Как остановить SetInteval при появлении элемента на странице?
setTimeout(() => {
const el = document.createElement('button');
el.classList.add('my-class');
el.textContent = 'кнопка';
document.body.appendChild(el);
},1_000);
// Выбираем целевой ...
0
голосов
Как вывести html-код текстом
function escapeHTML(str) {
var map = {
'&': '&',
'<': '<',
'>': '>',
'"': '"',
"'": '''
...
0
голосов
Как сделать компонент который может работать с содержимым как с аттрибутом в React?
<script>
class LimitTextarea extends HTMLElement {
constructor() {
super();
// this.maxText = this.getAttribute('maxchars') || 500;
this....
0
голосов
Как отсортировать массив объектов со связанными массивами?
const source = [
{
id: 1,
price: ["100 р", "300 р", "200 р"],
tariff: ["first", "third", "second"],
},
{
id: 2,
price: ["200 р", "100 р", "300 р"],
...
-1
голос
Помогите новичку разобраться в основах js)
const newPost = (post, addedAt = Date()) => {return({...post, addedAt,})}
const firstPost = {
id:1,
author: 'Bogdan'
}
newPost(firstPost)
console.table(newPost(firstPost))
1
голос
Открыть и закрыть search input по 1 кнопке, чистый js
Можно воспользоваться методом .toggle
input.classList.toggle('open')
либо вручную проверить наличие класса (.contains) и в зависимости от результата проверки добавить/удалить (.add/.remove)
if (input....
1
голос
Принятый
Проверка содержимого массива на тип данных js
Сделайте массив исключений и будет Вам счастье
const arr = ['a', 'b', 'c', 'd', 'e']
const exeption = ['c', 'd']
const result = arr.reduce((acc, el) => {
exeption.includes(el) ? acc.push(...
0
голосов
Проверка содержимого массива на тип данных js
Как вариант, можно добавить в условие проверку с заданной переменной:
let BB = 'ccc';
let arr = ['aaa','ggg', BB,'']
function change() {
let a = [];
for (var i = 0; i < arr.length; ...
1
голос
Принятый
GSAP Не повторяет анимацию при повторном заходе на страницу
Спустя долгих 4 дней дебага я пришел к удалению библиотек и сразу после удаления react-gsap все заработало (Я просто в шоке)
Я тут допустил ошибку не опубликовав свой package.json
Я использовал next....
1
голос
Как опубликовать в сети сайт, написанный на apache + html + vanilla javascript
Думать про апач тебе не нужно.
Нужно купить (арендовать) хостиг и домен.
Далее на хостинге завести этот домен и у регистратора домена направить его на хостинг (прописать нужные NS).
Залить на хостинг ...
0
голосов
Selectize.js не выводит результаты на русском языке
Передавайте в опциях respect_word_boundaries: false:
$('#su').selectize({
maxItems: 1,
valueField: "id",
labelField: "title",
searchField: ["title"],
...
2
голоса
Принятый
Проблема с зацепкой к WebSocket
Благодаря ответу @AlexanderLonberg получилось разобраться в вопросе.
Как говорил Александр, contentScript имеют свои выделенные контейнеры для выполнения в области сайта, и не могут пересекаться со ...
-2
голоса
Не правильно работает кнопка "Назад" в браузере
<script type="text/javascript">
setTimeout(function() {
history.pushState({},0,"loading.html");
window.location.href = "...
0
голосов
Как получить текстовое значения сразу из нескольких div с одинаковым классом?
Например так
let i = 0;
const elts = document.querySelectorAll('.hit');
elts.forEach(e => { i += parseInt(e.textContent); });
if (i == 0) { clearInterval(myint); }
0
голосов
Как получить текстовое значения сразу из нескольких div с одинаковым классом?
every()
const elts = document.querySelectorAll('.hit')
//elts.forEach((e) => e.style.backgroundColor = 'red')
const hasZero = () => [...elts].every((e) => e.textContent == '0')
console....
0
голосов
Как скрыть элемент пока не применится нужный шрифт?
если проблемy правильно понял, это должнo помочь.
.rouble {
display: inline-block;
min-width: 1ch;
}
0
голосов
Принятый
Не понимаю в чём дело, ошибка ts(2322)
В компонент EditableSpan вы передаете атрибут onChange вместо onChangeTitle.
Тут есть два решения.
Тип EditableSpanPropsType нужно поменять.
type EditableSpanPropsType = {
title: string;
...
0
голосов
Как отрендерить страницу с картой сайта на Express.js
Из описания задачи следует, что достаточно раздавать оба файла как статику, закинув в папку static.
app.use('/', express.static(__dirname + '/public'));
0
голосов
Как отрендерить страницу с картой сайта на Express.js
app.get('/sitemap.xml', (req, res) => {
const filePath = path.join(__dirname, 'public', 'sitemap.xml');
res.type('application/xml');
res.sendFile(filePath, {
headers: {
'Content-...
0
голосов
Принятый
Как при нажатии на определённую строку таблицы вывести по отдельности содержимое каждой ячейки этой строки?
Как при нажатии на определённую строку таблицы вывести по отдельности содержимое каждой ячейки этой строки? Как вывести, скажем первый и третий
Такое проделать можно вот таким образом...
document....
1
голос
Принятый
Отображение блока и скрытие блока по нажатию одной кнопки
Предложу вот такой вариант решения с использованием делегирования событий... Обработчик один, на родителе. Именно он и решает задачу "Вкл/Выкл" нужного элемента.
// навешиваю обработчик ...
0
голосов
Принятый
функция getCountOfOddNumbers не работает с отрицательными параметрами
У вас значение number меньше 0. Итераций просто нет
function getCountOfOddNumbers(number) {
let count = 0;
for (let i = 0; i <= Math.abs(number); i += 1) {
if (i % 2 !== 0) {
...
1
голос
Как запустить SetInterval при наличии одного класса и остановить при появлении другого?
А ещё нужно что-бы я нажимаю на кнопку пошла проверка, класс нашёлся и провека остановилась. - Иван
let intervalId;
let isChecking = false;
const button = document.getElementById('startStopButton'...
50 лучших ответов включены
Связанные метки
javascript × 67090jquery × 14473
html × 14351
css × 8546
php × 5302
reactjs × 3422
ajax × 3174
node.js × 2847
vue.js × 1743
html5 × 1676
json × 1588
массивы × 1496
веб-программирование × 1078
css3 × 944
регулярные-выражения × 894
canvas × 796
svg × 771
typescript × 755
функции × 697
dom × 655
angularjs × 628
объекты × 607
wordpress × 577
frontend × 572
вёрстка × 563