Навигация
Категории
| Скрипты для Ucoz [474] |
| Шаблоны для Ucoz [199] |
| Графика для Ucoz [11] |
| Скрипты Меню для сайта [21] |
| Ajax Окна [4] |
Мини-Чат
Опрос
Лучшие пользователи
Ник: Толик
Файлов: 744
Ник: cyber
Файлов: 159
Ник: waxirewion
Файлов: 59
Ник: Admin™
Файлов: 5
Партнеры
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
| Главная » Файлы » Всё для Ucoz » Скрипты для Ucoz |
Подробный Материал, без перезагрузки страницы
Подробный Материал, без перезагрузки страницы .
Теперь не надо ждать пока обновиться страница и куча не нужного содержимого.
Скрипт загрузит только полный материал.
Также скрипт запоминает где находился пользователь - этим можно возвратиться назад.
Установка:
зйдём Каталог файлов - Вид материалов
вашей кнопке "Подробнее" даём события onclick="loadd$ID$();next();"
пример:
где хотим видеть индикатор загрузки ставим :
в самый низ ставим :
заходим Каталог файлов - Главная страница каталога файлов
удаляем что то вроде :
после заменяем $BODY$ на:
тоже самое сделать для :
Страница со списком материалов раздела, Страница со списком материалов категории
на странице - Страница материала и комментариев к нему:
заменяем $MESSAGE$ на:
здесь где хотим видеть кнопку назад ставим сам код кнопки:
готово!
Теперь не надо ждать пока обновиться страница и куча не нужного содержимого.
Скрипт загрузит только полный материал.
Также скрипт запоминает где находился пользователь - этим можно возвратиться назад.
Установка:
зйдём Каталог файлов - Вид материалов
вашей кнопке "Подробнее" даём события 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://3week.clan.su/FILE-IMAGE3/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
<div style="text-align:center;">$PAGE_SELECTOR1$</div>
после заменяем $BODY$ на:
Code
<div id="main"><div id="mnbd">
$BODY$
<div style="text-align:center;">$PAGE_SELECTOR1$</div>
</div></div>
<script language="JavaScript" type="text/javascript">
function next(){bd = $('#mnbd').html();}
function back(){$('#main').html(bd);}
</script>
$BODY$
<div style="text-align:center;">$PAGE_SELECTOR1$</div>
</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>
$MESSAGE$
</div></div>
</script>
здесь где хотим видеть кнопку назад ставим сам код кнопки:
Code
<a href="javascript://" onclick="back();">Назад</a>
готово!
| Всего комментариев: 0 | |