Подгрузка материалов без обновления страницы


Подгрузка материалов без обновления страницы

1576
8 из 10
Проголосовало: 4





cкрипт был нaпиcaн пo прocьбе пoльзoвaтеля caйтa Kavrasky, егo cуть cocтoит в тoм, чтo бы пoльзoвaтелю иcпoльзoвaть меньше времени, трaфикa для зaгрузки мaтериaлoв, cкрипт aвтoмaтичеcкий пoдгружaет пoлный мaтериaл + кoмментaрий зaмеcтo кoнтентa без перезaгрузки cтрaницы. c пoмoщью этoгo cкрипт oблегчaет рaбoту нa вaшем caйте, уcтaнoвкa coвcем не cлoжнaя – oнa cтoит тaкoгo эффектa.

Установка:
Открываем вид материалов, находим там ссылку $ENTRY_URL$, и вставляем id ссылки – url_jq$ID$. Например:

Code
<div class="box_title_text"><a href="$ENTRY_URL$" id="url_jq$ID$">$TITLE$</a></div>


Открываем главную страницу сайта, находим $BODY$ и заменяем на:

Code
<div id="cam_body">$BODY$</div>


Открываем Стараницу материала и комментариев к нему, весь контент заключаем в div. Например.

Code
<div id="all_message">...Ваш контент, код описания, код комментариев...</div>


Пример:
Code

  <!-- <body> --><div id="all_message">
<div class="box_title_bg_news"><?if($MODER_PANEL$)?><div style="float:right;padding:3px;">$MODER_PANEL$</div><?endif?><div class="box_title_text">$ENTRY_TITLE$</div></div>
  <div class="box_content_message" style="background:#fff;color:#000;font-size:12px;font-family:Verdana"><div class="info_download"><center><img src="$SCREEN_URL$" align="center" class="asdf"></center></div>$MESSAGE$</div>
  <div class="info"><b>Автор</b>: $AUTHOR_NAME$ <br> <b>Источник:</b> jQuCoz.Ru</div>
  <br><div class="top_news"><?if($FILE_URL$)?><strong><b>Прикрепления:</b></strong> <a href="$FILE_URL$" target="_blank"><strong><b>Скачать</b></strong></a><?else?><b>Ссылок для скачивания не найдено.</b><?endif?> </div>
   
   
<?if($COM_IS_ACTIVE$)?>
<?if($COM_CAN_READ$)?>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td width="60%" height="25"><!--<s5183>-->Всего комментариев<!--</s>-->: <b>$COM_NUM_ENTRIES$</b></td><td align="right" height="25">$COM_PAGE_SELECTOR$</td></tr>
<tr><td colspan="2">$COM_BODY$</td></tr>
<tr><td colspan="2" align="center">$COM_PAGE_SELECTOR1$</td></tr>
<tr><td colspan="2" height="10"></td></tr>
</table>
<?endif?>
   
<?if($COM_CAN_ADD$)?>
$COM_ADD_FORM$
<?else?>
<?if($USER_LOGGED_IN$)?><?else?><div align="center" class="commReg"><!--<s5237>-->Добавлять комментарии могут только зарегистрированные пользователи.<!--</s>--><br />[ <a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a> | <a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a> ]</div><?endif?>
<?endif?>
  <?endif?></div>
<!-- </body> -->


В Вид материалов в самый низ ставим:
Code

<script>
  // Реализация от jqucoz.ru
  // Идея от Kavrasky - Webo4ka.ru
   
  $('#url_jq$ID$').click(function(culka) {
  culka.preventDefault();
   
  $.get($(this).attr('href'), function(data){
  var content = $('#all_message',data).html();
   
  $('#cam_body').html(content);
  _uWnd.alert("<table width='100%' style='background:#f7f7f7;border:1px solid #ccc;'><tr><td><img src='http://jqucoz.at.ua/Button20White20Check.png'><td style='color:green;font-weight:bold'>Материал успешно загружен.</td></tr></table>","Успех",{w: 270,h: 83,t: 8000});
   
  })
   
  })
  </script>



Установка завершена. Все ваши вопросы оставляйте в комментариях.
Автор публикации: Загрузка
Загрузка
Webing, это его n материал
Источник: http://jqucoz.ru
  • Всего комментариев: 14

Ne{X]tBatt[L}e3muSic
0
Ne{X]tBatt[L}e3muSic написал: Написано 21 Апреля 2012 в 23:26
Комментарий №14
В какой вид материалов грузить?

nick
0
nick написал: Написано 15 Ноября 2011 в 03:34
Комментарий №11
у меня почему-то подгружает и после того моментально белый екран становится

Webing
0
Webing написал: Написано 15 Ноября 2011 в 16:17
Комментарий №12
Ссылку на сайт в ЛС.
Нужно устанавливать строго по шагам.
Попробуй установить версию JQ в общих настройках: 1.6.1

nick
0
nick написал: Написано 15 Ноября 2011 в 18:42
Комментарий №13
ff ура все работает))
поставил другую версию jQuery и все ок)
только блин один скрипт работает только на jQuery 1.3.2 (
так что буду думать как быть

The_Host
0
The_Host написал: Написано 11 Ноября 2011 в 15:59
Комментарий №3
В целом скрипт ну супер нужный biggrin

можно демо, если не сложно, попробую поставить на свой сайт

Webing
0
Webing написал: Написано 11 Ноября 2011 в 16:17
Комментарий №4
jqucoz.at.ua
Здесь демо, нажми на любой файл.

The_Host
0
The_Host написал: Написано 11 Ноября 2011 в 16:23
Комментарий №5
ой не, нужно бы добавить ещё кнопку назад, тогда всё супер будет

Webing
+1
Webing написал: Написано 11 Ноября 2011 в 16:52
Комментарий №6
Вот я думаю куда ее прилепить smile
Думаю какие новые функции добавить. smile
Как придумаю, либо кто подскажет сразу сделаю новую версию. (с назад)

The_Host
0
The_Host написал: Написано 11 Ноября 2011 в 21:25
Комментарий №7
а что если сделать что бы новость плавно раскрывалась, как спойлер например, но при этом всё остальные материалы были виды.
Такое возможно на Ucoz'e??

Вовчик
0
Вовчик написал: Написано 11 Ноября 2011 в 21:34
Комментарий №8

The_Host
0
The_Host написал: Написано 12 Ноября 2011 в 00:18
Комментарий №9
ооо, мерси опробую smile

ynikod
0
ynikod написал: Написано 13 Ноября 2011 в 04:41
Комментарий №10
Где титле название есть,туда сделать ссылку на главную и все

ВоВаН
0
ВоВаН написал: Написано 11 Ноября 2011 в 15:14
Комментарий №1
можно ли его под скрипт СТЕНА (из доски объявлений) сделать

Webing
0
Webing написал: Написано 11 Ноября 2011 в 15:22
Комментарий №2
Там нету полной страницы материала biggrin

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
  • Winston888 написал:
  • Если бы я не добавлял бесплатные адаптации или скрипты бесплатно я бы наверное не стал бы комментировать ваш материал.
    Последние темы
    Опрос
    402
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 7
    Гостей: 5
    Пользователей: 2
    0
    Сегодня были
    Топ пользователей: