Статьи по javascript
![Выдвигающаяся из значка форма поиска на сайте](http://loco.ru/images/materials/2017/11-27-vydvigayushchayasya-iz-znachka-forma-poiska-na-saite.jpg)
|
Бывает форму поиска негде впихнуть в дизайне шапки сайта. Нужно выделить поле для ввода запроса поиска, но если этим поиском не часто пользуются, то хочется сэкономить место. Хорошим решением будет, не убирать совсем форму поиска, а оставить иконку значка поиска, при клике по которой выдвигается всё поле для введения запроса.
|
![Нет картинки](http://loco.ru/images/pics/noimage.gif)
|
placeholder - это атрибут в html5, который выводит текст внутри поля input, и этот текст исчезает, когда пользователь начинает там писать свой текст. Это нужно, например, в форме поиска, чтобы убрать текст подсказки внутри неё при клике по ней.
|
![Свой дизайн кнопок социальных сетей для сайта. Кнопки "Поделиться"](http://loco.ru/images/materials/2017/06-19-svoi-dizain-knopok-socialnyh-setei-dlya-saita-knopki.jpg)
|
Создаём собственное оформление блока поделиться на сайте. Программируем и оформляем по-своему блок "Поделиться".
|
![Загрузка файлов (картинок) по ajax через форму для Opencart](http://loco.ru/images/materials/2016/09-04-zagruzka-failov-po-ajax-v-opencart.jpg)
|
Файлы или картинки при загрузке их через форму не передаются через "POST". То есть их не получается обработать PHP на сервере так, как это делаем с другими полями. Переменные для полей типа file остаются пустыми. Поэтому их нужно передавать специальным образом.
|
![Замена текста при наведении на него мышью. События onmouseover и onmouseout](http://loco.ru/images/materials/2016/03-25-zamena-teksta-pri-navedenii-na-nego-myshyu-sobytiya.jpg)
|
Делаем подмену текста при наведении мышью.
|
![Прилипание блока к верху сайта при его прокручивании](http://loco.ru/images/materials/2016/02-17-prilipanie-bloka-k-verhu-saita-pri-ego-prokruchivanii.jpg)
|
Иногда требуется сделать прилипающее к верху сайта меню. Начальное положение блока меню может быть любым, необязательно в самом верху страницы. Но при прокрутке вниз, это меню должно остаться прилипшим сверху.
|
![Разделитель тысяч в эффекте наматываемого счётчика jquery countTo](http://loco.ru/images/materials/2015/04-05-razdelitel-tysyach-v-effekte-namatyvaemogo-schetchika.png)
|
Как разделить тысячи в большом числе, когда к нему применяется эффект плавного наматываения countTo.
|
![Сделать слайдер на Owl Carousel c текстом справа](http://loco.ru/images/materials/2015/01-31-sdelat-slaider-na-owl-carousel-c-tekstom-sprava.png)
|
Как с помощью слайдера Owl Carousel сделать слайдер с отзывами, где кроме картинок есть справа текст отзыва.
|
![Скролл-эффекты CSS3 и JQuery при прокрутке страницы](http://loco.ru/images/materials/2015/01-13-skroll-effekty-css3-i-jquery-pri-prokrutke-stranicy.png)
|
Популярная штука для landing page.
|
![Модальное окно Bootstrap 3 с формой, отправляющей email по Ajax (JQuery/PHP/HTML5/JqBootstrapValidation)](http://loco.ru/images/materials/2015/01-13-modalnoe-okno-bootstrap-3-s-formoi-otpravlyayushchei-email-po-ajax.png)
|
Создаём всплывающее модальное окно "Перезвоните мне" на Bootstrap 3. В окне форма с полями Имя и Телефон с валидацией JqBootstrapValidation, отправляющая письмо администратору, чтобы перезвонил. Вариация формы обратной связи для Landing pages.
|
583573564548537536509504498497
Календарь