пагинация в материале на AJAX

GOodm@n

Осваиваюсь на форуме
37
4 / 0

Здравствуйте.

Клиент захотел пагинацию в материале (< Предидущая Следующая >) с использованием аякса. Делаю с помощью jQuery().load()

Для этого немного изменил плагин, а именно файлик /plugins/content/pagenavigation.php к такому виду :

(кусок кода)

Код

if ($row->prev)
{
$html .= '
<li class="prev">
  <a href="'. $row->prev .'" id="link-prev">'
  . JText::_( 'Prev' ). '</a>
</li>'
;
$html .= '<script type="text/javascript">
jQuery(document).ready(function(){ 	
  jQuery("#link-prev").click( function(){
  jQuery(".article-inner").slideUp("slow");
  jQuery(".article-inner").load(" ' . $row->prev . ' .ajax-inner", function() { jQuery(this).fadeIn(1500); });
  return false;
});
});
</script>';
}

if ($row->next)
{
$html .= '
<li class="next">
  <a href="'. $row->next .'" id="link-next">'
  . JText::_( 'Next' ).'</a>
</li>'
;
$html .= '<script type="text/javascript">
  jQuery(document).ready(function(){ 	
  jQuery("#link-next").click( function(){
  jQuery(".article-inner").slideUp("slow");
  jQuery(".article-inner").load("'. $row->next . ' .ajax-inner", function() { jQuery(this).fadeIn(1500); });
  return false;
});
});
</script>';

.article-inner это у меня див в материале.
.ajax-inner это вложенный див в .article-inner

В таком вот положении у меня всё работает, НО через раз. Т.е. странице надо обновится полностью что б подгружались скрипты. Почему мне неизвестно. Плагин ведь срабатывает, ссылки меняются, а скрипты почему то не подхватываются. Помогите опредилить причину такого поведения.

Заранее благодарен.

P.S. Посмотреть можно тут http://cosmonova.net/ru/news/74-new-features - первые ссылки навигации по страницах в материале.

Записан

GOodm@n

Осваиваюсь на форуме
37
4 / 0

Re: пагинация в материале на AJAX

« Ответ #1 : 03.07.2010, 15:47:18 »

Всё решилось!

Пришлось немного изменить свои позициии, а именно перенести выполняемый скрипт из плагина в шаблон материала и немного изменить по какому event запускать скрипт.

Если кому надо, то у меня получилось это примерно вот так:

Код: html

<div id=article>

   <div class="article-inner">

      <div class="ajax-inner">  Текст материала тут  </div>

      <ul>
         <li><a href="http://prev.page" class="link-prev">Предидущая</a></li>
         <li><a href="http://next.page" class="link-next">Следующая</a></li>
      </ul>

   </div>

<script type="text/javascript">
   jQuery(document).ready(function(){
 	
     jQuery("#link-prev").live('click', function(){
        var prev_link = jQuery(this).attr("href");
        jQuery(".article-inner").slideUp(1500);
        jQuery(".article-inner").load( prev_link + ' .ajax-inner', function(){jQuery(this).slideDown(1500)});
        return false;
     });

     jQuery("#link-next").live('click', function(){
       var next_link = jQuery(this).attr("href");
       jQuery(".article-inner").slideUp(1500);
       jQuery(".article-inner").load( next_link + ' .ajax-inner', function(){jQuery(this).slideDown(1500)});
       return false;
     });

   });
</script>

</div>

Тут главное подогнать шаблон материалла под такую структуру, прописать классы для ссылок плагина пагинации и подключить jQuery.

« Последнее редактирование: 03.07.2010, 16:16:44 от GOodm@n »

Записан

devul

Захожу иногда
283
21 / 1
если помог можете поставить +

Re: пагинация в материале на AJAX

« Ответ #2 : 17.07.2010, 00:30:26 »

очень понравился сайт, но вот как обстоят дела с индексацией? все же не последнее место занимает вопрос.. а так супер реализовано)

Записан

Бложик про joomla, k2, joomshoppingdevul.ru

GOodm@n

Осваиваюсь на форуме
37
4 / 0

Re: пагинация в материале на AJAX

« Ответ #3 : 06.11.2010, 01:52:18 »

Упор делался на юзабильность сайта. Индексация заказчиком не выставлялась как приоритетное направление.

Записан

Lex

Завсегдатай
1615
274 / 1

Re: пагинация в материале на AJAX

« Ответ #4 : 06.11.2010, 01:59:57 »

Открой HTML страницы и посмотри ссылки. Вот по ним и пойдет робот. Судя по скрипту (c JQuery мало знаком) накачено поверх реальных ссылок, а роботы JS не выполняют.

Записан

Жизнь заставила учиться.
В личке на вопросы не отвечаю.

regionkaz

Захожу иногда
90
4 / 0

Re: пагинация в материале на AJAX

« Ответ #5 : 06.11.2010, 06:57:04 »

Цитата: Lex от 06.11.2010, 01:59:57

а роботы JS не выполняют.

Что касается Яндекса, то да, а вот Google уже давно читает js ссылки, не помню где про это читал, но это была достоверная информация.

Записан

Не могу распаковать jpa архив сайта Akeeba backup. ajax error Автор smadkz	Ответов: 4 Просмотров: 9760	26.12.2020, 15:15:15 от stendapuss
Помогите решить ошибку Автор azumi	Ответов: 21 Просмотров: 6019	08.09.2020, 18:47:08 от gartes
simpleform2 ошибка ajax error в Google chrome Автор safronoff343	Ответов: 1 Просмотров: 4856	05.06.2020, 20:36:42 от safronoff343
Не работает кнопка отправить ? Автор warlocksp	Ответов: 6 Просмотров: 2803	10.03.2017, 11:34:50 от warlocksp
Проблема с модулем simpleform2 - ошибка AJAX error Автор Larisa	Ответов: 27 Просмотров: 12921	22.11.2016, 14:59:44 от DemoNF

пагинация в материале на AJAX - Joomla 1.5: Общие вопросы

Новости Joomla

👩‍💻 WT Otpravkapochtaru - библиотека сервиса Отправка Почты России для Joomla-разработчиков.

👩‍💻 В Joomla 6.2 появятся встроенный функционал мультикатегорий.

👩‍💻 На Хабре вышел Joomla-дайджест за 2-й квартал 2026 года.

GOodm@n

пагинация в материале на AJAX

GOodm@n

Re: пагинация в материале на AJAX

devul

Re: пагинация в материале на AJAX

GOodm@n

Re: пагинация в материале на AJAX

Lex

Re: пагинация в материале на AJAX

regionkaz

Re: пагинация в материале на AJAX

Похожие темы