Главная » Статьи » Скрипты для uCoz » Диалоги, overlay и lightbox

Подгрузка контента с другой страницы на jQuery
Подгрузка контента с другой страницы на jQuery
Основа основ

Чтобы подгрузить DIV или содержимое какого-либо элемента с другой страницы, 
используйте jQuery-функцию get:
<div id="loadcontent">Загрузка...</div> 

<script type="text/javascript"> 
$.get('/index/8-4', function (data) { 
 $('#loadcontent').html( $('.country', data).html() ) 
}); 
</script>
loadcontent – куда подгружать контент;

/index/8-4 – откуда подгружать контент;

.country – класс или ID конкретного элемента с указанной ссылки.
<div id="loadcontent">Загрузка...</div> 

<script type="text/javascript"> 
 $('#loadcontent').load('/index/8-4 .country'); 
</script>
Здесь класс или ID, содержание которого мы хотим подгрузить, прописывается сразу после ссылки.

Подгрузка несколько одинаковых DIV

Подгрузка ряда контента с одинаковыми атрибутами осуществляется с помощью each:
<div id="loadcontent"></div> 

<script type="text/javascript"> 
$.get('/index/8-4', function (data) { 
 $('.table_left', data).each(function (i,index) { 
 $('#loadcontent').append( $(this).html() ); 
 }); 
}); 

</script>
loadcontent – куда подгружать контент;

/index/8-4 – откуда подгружать контент;

.table_left – класс элементов с указанной ссылки.

Помимо класса и ID можно использовать и другие конструкции, вот несколько примеров:

$('.country', data).parent() – родительский элемент для country;

$('.country', data).parent().parent() – родитель родителя country и т.д.;

$('div:contains("Новый")', data) – DIV содержащий в себе текст Новый.

$('div[style="color:#FF0000"]', data).parent().parent() – DIV с аттрибутом style.

Ограничения. Не злоупотребляйте данной функцией, uCoz например, имеет вшитые лимиты, перейдя за которые можно получить блокировку сайта на час, но только непосредственно у одного пользователя. Не делайте больше трех запросов одновременно и не делайте их слишком часто.

На Урааа и других тематических ресурсах много однотипных скриптов в плане кода, разнятся только идеи. Вы тоже можете придумать на основе кода ниже что-то новенькое, что-то свое.

Пишите в комментариях что и куда можно вывести, свои идеи, или для чего вам понадобился скрипт вывода контента с другой страницы.
  
Категория: Диалоги, overlay и lightbox | Добавил: The^One (20.09.2016)
Просмотров: 479 | Рейтинг: 5.0/1
Всего комментариев: 0
avatar
▲ Вверх