Рубрика: Frontend

  • JavaScript. Как удалить значение из массива?

    Задача элементарная, но не всегда очевидно её решение. А в интернете есть ну очень извращённые методы решения) Приведу два варианта, которыми пользуюсь сам. Метод 1: var array = [1, 2, 3, 4, 5, 6, 7]; var item = 4 ; var index = array.indexOf(item); if (index !== -1) { array.splice(index, 1); } console.log( array ); […]

  • Laravel. Dropzone. Как добавить csrf-токен при загрузке?

    Dropzone, по умолчанию, при загрузке, отправляет POST-запрос, который Laravel, как и другие фреймворки, проверяет на наличие csrf-токена. Этого токена, конечно же нет и мы получаем соответствующую ошибку. Решить проблему можно достаточно просто — в этой статье пример, как добавить csrf-токен к запросу загрузки файла от Dropzone. Речь идет даже не сколько об Laravel, сколько о […]

  • Javascript. jQuery. Как подключить css-файл (аналог $.getScript)

    Подключать внешний css-файл через javascript (jQuery) — задача нечастая, но вероятная. В этой статье пример простого решения задачи. Итак, Вашему вниманию два варианта решения задачи. jQuery: $(», { rel: ‘stylesheet’, type: ‘text/css’, href: ‘path_to_the.css’ }).appendTo(‘head’); JavaScript: var linkElem = document.createElement(‘link’); document.getElementsByTagName(‘head’)[0].appendChild(linkElem); linkElem.rel = ‘stylesheet’; linkElem.type = ‘text/css’; linkElem.href = ‘path_to_the.css’; Вот, в зависимости от Ваших […]

  • Как получить миниатюру видео с Youtube?

    При вводе пользователем ссылки на какое-то Youtube-видео — очень хорошо смотрится динамическая подгрузка изображения этого видео. Пользователи всегда ценят такие «плюшки». О том, как получить миниатюру Youtube-видео речь пойдет в этой статье. Итак, всё, что Вам будет нужно сделать — обратиться к одному из приведенных ниже URL. Далее распоряжайтесь полученным изображением на своё усмотрение — […]

  • Как сделать ссылку на Скайп в HTML?

    Удобство пользователя на первом месте — поэтому иногда нужно вставить прямую ссылку на диалог в Скайпе. В этой статье расскажу, как можно это сделать. Итак, рассмотрим несколько примеров. Простая ссылка (без действий над профилем): Skype_User Ссылка на Звонок в Скайп или указанный телефонный номер: Skype_User +12345678 Ссылка на конференц-связь (логины через запятую): Skype_User Добавление Контакта […]

  • Javascript. Как определить мобильное устройство?

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

  • Как передать маршрут в приложение Яндекс Навигатор?

    В этой статье очень короткий пример, как можно передать точку или маршрут в Яндекс.Навигатор. Подобная задача может возникнуть у Вас, к примеру, чтоб быстро подтолкнуть пользователя проложить маршрут к Вашей организации. Здесь у нас есть два варианта — показать маршрут или показать точку. Построение маршрута: yandexnavi://build_route_on_map?lat_to=…&lon_to=…[&lat_from=…][&lon_from=…] По указанному адресу нужно передать координаты точек, между которыми […]

  • jQuery. Как обновить изображение в image?

    Иногда бывает надо обновить изображение в теге img при помощи jquery. В этой статье пример, как можно сделать refresh для img. Главное, что нужно знать — это то, что браузер кеширует изображения, что как раз и может мешать обновлению его на странице, если, к примеру, оно уже изменилось на сервере. В таком случае можно обновить […]

  • Html. Css. Стилизация кнопки input type=»file»?

    Нативный элемент загрузки файла в Html выглядит, мягко говоря, не очень хорошо — поэтому в этой короткой статье я приведу пример, как при помощи css стилизировать кнопку input type=file. Итак, решение включает две части — Html и CSS. Html. Оберните input в тег label: Custom Upload Также можно вынести элемент формы за предел : Custom […]

  • Javascript. jQuery. Как остановить видео в iframe?

    В случае, когда видео, к примеру youtube, выводится в модальном окне или слайдере часта ситуация, когда пользователь скрыл окно, но при этом воспроизведение видео не остановилось и играет в фоне. Пример простого решения проблемы Вы найдете в этой статье. К примеру, у вас есть модальное окно с iframe, в котором играет видео с youtube: Посмотри […]