Архив категорий: Frontend

Главная  >>  Frontend

Подключать внешний css-файл через javascript (jQuery) — задача нечастая, но вероятная. В этой статье пример простого решения задачи. Итак, Вашему вниманию два варианта решения задачи. jQuery: JavaScript: Вот, в зависимости от Ваших потребностей примеры решения. Поменяйте path_to_the.css на нужный путь и вуаля! Надеюсь, что статья бла полезна и помогла Вам…

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

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

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

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

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

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

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

Не будем говорить о том, как можно игнорировать нативный html-аттрибут — просто разберем пример, как решить проблему. Решение очень простое, но, тем не менее, не уменьшает удивление от поведения Safari. Данный простой код не даёт ввести в поле более, чем 4 символа. Ничего нового, впрочем. Удачи!

В некоторых ситуациях важно детально понять, какая клавиша была нажата в поле и соответственно отреагировать на ней. В короткой статье — таблица основных важных клавиш и их кодов для обработки. Сначала пример, как же собственно «ловить» нажатие: Как видите — в обработчик всегда приходит переменная с свойствами события. Для событий…