Скрипты jQuery

Google Map API получить по адресу координаты объекта

Зачастую, при работе с 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, так как он работает с привязкой к домену. Это может быть неудобным, например при переезда сайта на другой домен. Поэтому здесь используется именно такая связка ссылки.