Зачастую, при работе с API картами Google, требуется вводить заранее известные координаты (широта, долгота), чтобы построить маркер. Это бывает терпимым, когда у нас 1 объект. Но что, если их больше сотни? Читать далее «Google Map API получить по адресу координаты объекта»
Все скрипты
Замена стандартного alert на стильный с html содержимым
В коде часто требуется использовать стандартные всплывайки типа alert(). Хотя браузеры и постарались их стилизовать, но внешний вид оставляет желать лучшего. К тому стиль алертов отображается по разному в зависимости от типа браузера и стандартным css его никак не изменить. Как быть в такой ситуации? Читать далее «Замена стандартного alert на стильный с html содержимым»
Универсальное всплывающее окно на jQuery
Рассмотрим код всплывающего окна, которое позволяет организовывать бесконечное количество уведомлений для ваших пользователей, которые могут содержать заголовки, футер и само уведомление с html содержимым. Читать далее «Универсальное всплывающее окно на jQuery»
jQuery найти предка и потомка в DOM структуре: .closest(), .find(), .parent(), .children()
Для передвижения по DOM структуре можно использовать разные методы в jQuery. Раньше я использовался только двумя, но со временем узнал о более мощных методах. Ими и поделюсь с вами. Читать далее «jQuery найти предка и потомка в DOM структуре: .closest(), .find(), .parent(), .children()»
Вывести код во всех дочерних ссылках каталога jQuery
Бывают случаи, когда нужно выполнить код на определенных страницах сайта, например, только в каталоге и всех его дочерних ссылках.
Примером этого случая может быть ссылка-каталог: сайт.ру/papka. И чтобы код выполнялся во всех ссылках после /papka, например: /papka/2.html, /papka/5.html, /papka/info/7.html, но не в таких /papka2, /papka2/9.html.
Общим совпадением для всех ссылок нужного нам типа будет общий родитель: papka. По нему и создадим код, который определит, нужную нам директорию, а затем будем проверять на каждой ссылке ее наличие.
Рассмотрим рабочий код, составленный мной:
<script>
$(document).ready (function () {
var pathes = window.location.pathname + window.location.search; //получаем ссылку от домена типа: /catalog/konservy/pashtet/
var deeef = pathes.replace(/\/catalog\/konservy\/.*/,"good"); //пишем ссылку родителя: /catalog/konservy/
if (deeef == 'good') alert ('Эта ссылка дочерняя');
});
</script>
Скрипт будет выводить сообщение во всех дочерних ссылках родителя /catalog/konservy типа: /catalog/konservy/pashtet/, /catalog/konservy/about, /catalog/konservy/onas и т.д.
Для работы - указать ссылку родителя в var deeef
В скрипте я использую переменную pathes, которая складывается из двух команд (для примера рассмотрим ссылку: сайт.ру/papka.php?user=true):
- window.location.pathname - возвращает часть ссылки, которая идет после домена: /papka.php
- window.location.search - возвращает часть ссылки, которая является get запросом (): ?user=true
Я не стал использовать window.location.href, так как он работает с привязкой к домену. Это может быть неудобным, например при переезда сайта на другой домен. Поэтому здесь используется именно такая связка ссылки.
- Как на jquery проверить есть ли квадратные скобки в тексте
- Как на jquery сделать скрипт меняющий фон страницы (цвет) случайным образом при ее перезагрузке
- Jquery скрипт - пишет время и дату в формате: Сегодня вторник, 6 апреля, время: 12:04
- Гамбургер меню на jQuery, боковое меню
- jQuery убрать пробелы из строки
- Функция форматирования input полей на jQuery: регулярка, обязательные поля, мин и макс число символов, обрезка
- Проверить существование картинки на jQuery
- .on() событие в jQuery
- Получить, назначить CSS стиль через jQuery
- Скопировать текст в буфер обмена через jQuery
- Всплывающее окно на jQuery с позиционированием по центру экрана
- Cookie в jQuery - установка, настройка и примеры использования
- Всплывающее окно на jQuery с затемнением экрана
- Добавить css класс на определенной странице через jQuery
- Ползунки на ui js. Калькулятор на ползунках в jQuery
- Как сделать всплывающее окно при закрытии вкладки на jQuery
- Корректность ввода input полей на jQuery с помощью регулярки
- Получить имя файла и расширение по его ссылке в jQuery
- Как на js проверить наличие фото
- Транслит символов в jQuery (из русских в латиницу)
- Замена стандартного alert, prompt, confirm. Стилизация alert
- input поля - проверяем минимальное и максимально допустимое число символов с помощью jQuery
- Живой поиск по БД с помощью jQuery и PHP
- Автозаполнение полей на js или живой поиск по БД
- Посчитать количество нажатых чекбоксов на jQuery
- Google Map API получить по адресу координаты объекта
- Замена стандартного alert на стильный с html содержимым
- Универсальное всплывающее окно на jQuery
- jQuery найти предка и потомка в DOM структуре: .closest(), .find(), .parent(), .children()
- Вывести код во всех дочерних ссылках каталога jQuery
- Как узнать загружена на ли картинка через jQuery
- Fancybox 3 - дополнительные возможности
- Стилизация радиокнопок и чекбоксов jQuery
- Fancybox 3 загрузка сайта во фрэйме-всплывайки
- Увеличилка картинок и модальные окна на fancybox 3 jQuery
- Гамбургер меню на сайте js + html
- Определить браузер через jQuery и в зависимости от него загрузить CSS
- Клонирование элементов с уникальными id в jQuery (clone)
- Боковое меню с подкатегориями в jQuery
- Клонирование (копирование) элементов .clone() в jQuery
- Ajax RDmailform - форма отправки сообщений без перезагрузки страницы
- Скрипт падающих снежинок, листьев, звезд на сайте с помощью js
- Как обернуть содержимое html элемента другим в jQuery
- Как перемещать элементы внтри html структуры с помощью jQuery
- Всплывающая форма при первом посещении сайта на jQuery
- Скрипт device.js помогающий определить тип устройства, его ориентацию и ОС
- Маска ввода телефона и других полей для input-ов в jQuery
- Плавная прокрутка до якоря в HTML на jQuery
- В input разрешить ввод только чисел через jQuery