• Страница 1 из 1
  • 1
Форум CREWEBIK.ru » design studio for uCoz » ФОРУМ ВЕБ МАСТЕРОВ » Новости сайта » Подробный Материал, без перезагрузки страницы
Подробный Материал, без перезагрузки страницы
exclusiv...
/avatar/01/4333-414916.png
1');return false;" rel="nofollow" href="javascript://" name="367">
12.09.2011 в 20:43

Подробный Материал, без перезагрузки страницы .
Теперь не надо ждать пока обновиться страница и куча не нужного содержимого.
Скрипт загрузит только полный материал.
Также скрипт запоминает где находился пользователь - этим можно возвратиться назад.

Установка:
зйдём Каталог файлов - Вид материалов

вашей кнопке "Подробнее" даём события onclick="loadd$ID$();next();"

пример:
Code
<a href="javascript://" onclick="loadd$ID$();next();">Подробнее</a>

где хотим видеть индикатор загрузки ставим :
Code
<div id="loadi" style="color: #657194;text-shadow: 1px 1px 0px #FFF; font-family: Tahoma; font-size: 10pt; display: none;"><center><img style="margin-bottom: -3px;" src="http://www.iconsearch.ru/uploads/icons/crystalclear/16x16/xclock.png" /> Загрузка ...</center></div>

в самый низ ставим :
Code
<script language="JavaScript" type="text/javascript">function loadd$ID$(){$('#loadi').show("slow");$('#main').load('$ENTRY_URL$ #mnbd').html();}</script>

заходим Каталог файлов - Главная страница каталога файлов
удаляем что то вроде :
Code
<?if($PAGE_SELECTOR1$)?><div style="text-align:center;">$PAGE_SELECTOR1$</div><?endif?>

после заменяем $BODY$ на:
Code
<div id="main"><div id="mnbd">   
   $BODY$   
  <?if($PAGE_SELECTOR1$)?><div style="text-align:center;">$PAGE_SELECTOR1$</div><?endif?>   
  </div></div>   
  <script language="JavaScript" type="text/javascript">   
  function next(){bd = $('#mnbd').html();}   
  function back(){$('#main').html(bd);}   
  </script>

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

на странице - Страница материала и комментариев к нему:

заменяем $MESSAGE$ на:
Code
<div id="main"><div id="mnbd">   
   $MESSAGE$   
  </div></div>   
  </script>

здесь где хотим видеть кнопку назад ставим сам код кнопки:
Code
<a href="javascript://" onclick="back();">Назад</a>

готово!

Источник: http://uarts.ucoz.ru
Форум CREWEBIK.ru » design studio for uCoz » ФОРУМ ВЕБ МАСТЕРОВ » Новости сайта » Подробный Материал, без перезагрузки страницы
  • Страница 1 из 1
  • 1
Поиск: