Category: JavaScript

08
Июл
2020

Перехват клика по балуну Яндекс Карт

Всем доброго времени года!
На Яндекс Карте с выстроенным пешим маршрутом (Пример: https://tech.yandex.ru/maps/jsbox/2.1/multiroute_pedestrian) нужно перехватывать клик на балун и передавать в в другую функцию идентификатор (например имя) м…

08
Июл
2020

Слайдер – swiper js

Хочу сделать слайдер с превью (thumbs). Пример: <https://swiperjs.com/demos/#thumbs_gallery_with_loop_mode>
Но если слайдов больше 4 (см galleryThumbs -> slidesPerView), то при переходе с 4 слайда
на 5, все превью перемещается, и …

08
Июл
2020

Ссылка внутри PDF на категорию этого же PDF файла

Из JSON данных (на nodejs) собираю PDF файл (делаю html разметку и ее конвертирую в PDF). Кто знает, как сделать линки на категории внутри этого же PDF файла?
Типа есть содержание с перечнем категорий файла. Нажатие на текст содержания дол…

08
Июл
2020

добавление удаление класса при клике в меню

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

jQuery(document).ready(function() {

08
Июл
2020

Сохранение react context

Вообщем я делаю веб приложение на React js. Сейчас делаю авторизацию и для хранения данных авторизованного пользователя решил использовать React context, но возникла проблема – при перезагрузке страницы данные из context изчезают.
Есть ли …

08
Июл
2020

Запуск .exe приложения с помощью javascript

У меня есть сайт и приложение на windows. Как я могу запустить приложение через сайт нажатием кнопки? Это возможно, т.к. в Zoom это реализовано. Как я понял, они в реестре зарегистрировали zoom и вызывают через uri. Как регистрировать я на…

08
Июл
2020

Выбрать в тексте по средством регулярного выражения цифры (время) и заключить их в теги Strong

<div id=”task2″ style=”color: #554433″>
<p><b>04:00.</b> Начало циркадного ритма. (подробнее: http://www.psychologies.ru/articles/tsirkadnyie-ritmyi-kogda-luchshe-vstavat-est-rabotat-i-zanimatsya-sportom/) В э…

08
Июл
2020

Загрузка файлов на сервер с помощью multer JS

Я пишу своеобразное облако для файлов. Всё работает, но мне не удалось найти информации о том, как загружать несколько файлов одним запросом. Помогите пожалуйста. Вот мой код:
JS
const storage = multer.diskStorage({
destination: (req, file…

08
Июл
2020

Как повесить один обработчик событий на несколько инпутов?

Есть 4 инпута. На них нужно повесить одинаковый обработчик событий. Написал код ,но что-то делаю не правильно при фокусе на инпуте выдаёт ошибку. "Uncaught TypeError: inp[i] is undefined" По логике перебираю все элементы и на каж…

08
Июл
2020

Вывод информации из json файла используя ajax

есть задача по кнопке "Показать еще", вывести информацию на страницу из json файла при помощи ajax. На странице есть два блока с картинкой и без. Как сделать вывод этих блоков и если вся информация отображена на станице скрыть кн…

08
Июл
2020

Ошибка в jquery коде

Не понимаю, в чем проблема в коде jquery. Мне не надо ничего передавать. Пароли у меня уже получены ранее, а сейчас пользователь вводит пароль (мне нужно их сверить). Но у меня возникают ошибки. Я ошибся в синтаксисе? По скобкам вроде все …

08
Июл
2020

Как увеличить число активных слайдов в Swiper Slider?

Необходимо отцентрировать два слайда и наложить эффект прозрачность на два соседних к ним слайда.
Swiper вешает уникальный класс на активный слайд, что позволяет легко работать со стилями, но только на один. Как это исправить? Объединить д…

08
Июл
2020

Как уменьшить вес и размер фотографий которые выводятся на сайте?

Фотографии на сайте выводят в оригинальном размере 1 мб 1920×1080, а мне нужно уменьшить размер фотографии налету, до 250×250 (к примеру) и чтобы вес самой фотографии уменьшилась( например 200кб), то есть через css это не сделать, только с…

08
Июл
2020

Как обработать json,parse()

Пытаюсь разобраться с ajax. Отправил запрос, когда заполнил форму, в ответ получил данные json_encode()
В ответ ко мне на html страницу приходит запрос, я делаю
Jquery:
$(document).ready(function() {
var form = $(‘#form’);
form.sub…

08
Июл
2020

Некорректное отображение изображений в owl carousel

Я инициализировал и настроил owl carousel, с этим проблем не возникло. Суть в том что иконки и некоторый текст добавляются в карточки через скрипт. В карусели три карточки и в каждой карточке иконки отображаются по разному. В первой карточ…

08
Июл
2020

Атрибут hidden не работает в js коде

Пытался решить задачу по js, где надо написать код, который при клике на div превращался бы в textarea, где можно редактировать html код, а при расфокусировке отображал бы уже отредактированный вариант. Но столкнулся с со следующей проблем…

08
Июл
2020

Плагин Jplayer, как запретить ему автоматически проигрывать файлы по списку?

У меня на сайте работает плагин jplayer для проигрывания mp3-файлов. Идёт воспроизведение файлов из плей-листа автоматически, по очереди. Но мне необходимо, чтобы проиграв один файл из плей-листа, плеер останавливался, и ничего не воспроиз…

08
Июл
2020

Ошибка при импорте react компонента c использованием typescript

Есть такая стукрутура файлов, в папке Spinner лежат два файла, index.tsx в котором хранится импорт компонента https://prnt.sc/tdur9n и непосредственно сам компонент Spinner.tsx https://prnt.sc/tdurhf . Также для того чтобы писать всегда аб…

08
Июл
2020

Динамически растягивать слова на любую высоту экрана

Есть такая маленькая программа, которая динамически меняет слово внутри SVG.
Необходимо добиться такого эффекта, чтобы независимо от слова или группы слов они всегда растягивались по всей высоте (так как их поввернули на 90 градусов), изме…

08
Июл
2020

Не отправляется ajx через JQuery

Я хочу сделать редактирование таблицы через инпуты, которые находятся у неё в ячейках. После редактирования должен отправиться ajx через JQuery на бэкенд и таблица должна обновиться вот мой код:
editTable.html
<!DOCTYPE HTML>
<htm…

08
Июл
2020

Нужно сделать чтобы transition попапа работал и при открытии и при закрытии

Нужно сделать чтобы transition попапа работал и при открытии и при закрытии, но у меня получилось сделать только при открытии, при закрытии по какой то причине не работает.
//Css
.setting-menu {
opacity: 0;
visibility: hidden;
positi…

08
Июл
2020

Необходимо создать калькулятор [закрыт]

Функция должна принимать арифметические операции двух чисел в виде строки и возвращать строку с результатом их выполнения.
Функция принимает данные из аргументов и возвращает с помощью return.
Должен следовать следующим требованиям:
Кальку…

08
Июл
2020

REST API в качестве backend

Хочу сделать мини соц сеть
Правильно ли если так делать:
Написать фронтенд на Vue js, NUXT А в качестве backend использовать api в качестве обработки данных, вывод постов, лайков, и т.д
Или как можно комбинировать Vue с backend, напишите с…

08
Июл
2020

Ошибка Uncaught SyntaxError: missing ) after argument list при создании элементов

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