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


Eг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> http://get-element.3dn.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>-->
[ <a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a> | <a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a> ]</div><?endif?>
<?endif?>
  <?endif?></div>
<!-- </body> -->


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

Code
<script>  
  $('#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://get-element.3dn.ru/demo/img/Button20White20Check.png'><td style='color:green;font-weight:bold'>Материал успешно загружен.</td></tr></table>","Успех",{w: 270,h: 83,t: 8000});
   
  })
   
  })
  </script>


Установка завершена. Все ваши вопросы оставляйте в комментариях.

  • FalleN

  • 1093

  • 1

  • 0

Ссылки на статью:

Прямая ссылка:
HTML-код:
ББ-код:

Похожие статьи:

Добавить комментарий:

Для добавления вы должны авторизироваться!