JavaScript

JavaScript позволяет реализовать возможности динамической работы сайта. Делать интерфейс сайта более функциональным. Как и в людом языке программирования есть основы и тонкости, с ними как раз и будем разбираться. Часто говоря о JavaScript мы имеем виду JQuery, это готовые библиотеки, функции (как удобно) написанные на JavaScript для облегчения работы программистов.

Отобразить картинку при наведении

Отображение картинки при наведение на область можно несколько вариантов, но принцип один. Навели на область, появилась картинка. Убрали фокус с области, картинка исчезла.

Первый вариант это заготовить картинки и поставить в стилях параметр display: none; и при наведение менять этот параметр. Плюсы, все картинки загружены и просто отображать, но он же и минус, а если на эту область не наведут? То пользователь зря загружал картинку.

Подсветка синтаксиса в тегах code или pre с помощью JavaScript

При создание сайта и написании статей не хватало оформление синтаксиса в теге code. Сперва думал написать что то свое. Принцип прост, есть тег с идентификатором через JavaScript его находишь и по регулярным выражениям ставишь цветовую подсветку. Задача простая. Зная Google и его тяготу к JQuery задался вопросом "А не написал ли Google функции по подсветки синтаксиса?". Поиска множество форумов, нашел самый простой способ преобразование синтаксиса кода в читабельный вид от Google.

Регулярное выражение в JavaScript, Шаблон поиска

Здесь я хочу затронуть только сам шаблон поиска который используется для поиска того или иного выражения или сравнение переменных. Для чего нам нужно регулярное выражение, чаще всего необходимо для поиска номера телефонов, почтовых ящиков в тексте, проверки соответствует ли введенное в поле правильное выражение. В общих словах найти переменную по заданному шаблону (регулярному выражению).

Онлайн сервис для проверки регулярных выражений JavaScript

Появилась необходимость в проверки регулярных сообщений написанных на JavaScript и нашел отличный онлайн сервис для проверки. Такой инструмент может сэкономить массу времени, в особенности тем, кто не очень силен в регулярках. Работает сервис очень просто — в первое поле вводите регулярное выражение, не заключая в "/", в третье поле, по которому выполнять проверку, и жмете кнопку Go:

Прокрутка списка на кнопках (Margin)

Есть несколько вариантов прокрутки, но все используют на изменение атрибут стилей. Прокрутка горизонтальная или вертикальная не имеет разницы. Изменение только входных и выходных параметров. При прокрутке как правило изменяют стиль margen, давайте рассмотрим этот вариант. Не забываем подключить jQuery.