Все скрипты

Вывести код во всех дочерних ссылках каталога 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»

Fancybox 3 - дополнительные возможности

Считаю этот плагин лучшим для организации модальных окон как для новичков, так и для опытных программистов. Дело в том, что этот плагин можно инициализировать и менять жизненно важные настройки, например, события, скорость анимации, показывать/скрывать кнопки и т.д. Читать далее «Fancybox 3 - дополнительные возможности»

Стилизация радиокнопок и чекбоксов jQuery

На некоторых сайтах можно увидеть своременные переключатели (радиокнопки) и чекбоксы, которые смотрятся очень хорошо. Сделаем тоже самое - добавим стиль в стандартные элементы формы. Читать далее «Стилизация радиокнопок и чекбоксов jQuery»

Fancybox 3 загрузка сайта во фрэйме-всплывайки

Организация галерей и сложных всплываек легко осуществляется за счет плагина Fancybox 3. Но что, если нам нужно получить свой/чужой сайт во фрэйме, а именно во всплывающем окне? Читать далее «Fancybox 3 загрузка сайта во фрэйме-всплывайки»

Показать содержание рубрики