Главная » Файлы » Скрипты для uCoz » Каталог файлов

Мини-профиль для Каталога файлов в uWnd окне by Apocalypse для uCoz
23.06.14, 15:03:18

Скачать файл






Я разработал интересный мини-профиль для каталога файлов. Суть его вот в чём: при клике по нику пользователя, добавившего материал, всплывает ajax окно с данными пользователя. На мой взгляд, очень удобно + легко можно адаптировать под любой модуль

Установка:

На персональной странице пользователя в самый верх:
Код
<span style="display:none;">  
  <div id="loader">  
  <fieldset>  
  <legend>  
  <span id="ava"><a title="Клик для перехода в профиль" href="/index/8-$_USER_ID$" target="_blank"><?if($_AVATAR$)?>$_AVATAR$<?else?><img src="/images/noavatar.png" border="0"><?endif?></a></span> [<?if($_STATUS$)?>$_STATUS$<?else?><font color="green">Olnine</font><?endif?>]</legend>  
  <b>Имя пользователя:</b> $USERNAME$<br>  
  <b>Группа:</b> $_GROUP_NAME$<br>  
  <b>Пол:</b> $_GENDER_NAME$<br><br>  
  <b>Добавлено файлов:</b> <a href="$_LOAD_ACTIVITY_URL$" target="_blank">$_LOAD_ENTRIES$</a><br>  
  <b>Оставлено комментариев:</b> $_COM_ENTRIES$<br>  
  <b>Последний раз был на сайте:</b> $_LOG_TIME$</b>
  </fiendset>  
  </div>  
  </span>


Далее в Виде материалов Каталога файлов найдите примерно следующее:
Код
<?if($USERNAME$)?>... Бла бла бла ...<?endif?>


Замените это на:
Код
<?if($USERNAME$)?>Добавил: <a id="user$ID$" href="javascript://">$USERNAME$</a> |<?endif?>


Здесь же в самый низ вставляйте:
Код
<script>  
  // Мини-профиль для каталога файлов by Apocalypse  
  $('a#user$ID$').click(function() {  
  new _uWnd('uApo', 'Мини-профиль пользователя $USERNAME$', 400, 200, {autosize:0, align:'left'}, '<div id="load$ID$"><img src="/images/ajax-loader.gif"></div>');  
  setTimeout(function() {  
  $('div#load$ID$').load('/index/8-$UID$ #loader', function() {  
  $('span#ava img').attr('width', '50');  
  });  
  }, 500);  
  });  
  // apo-ucoz.com 2011 год  
  </script>


Далее не странице материала и комментариев к нему найдите примерно следующее:
Код
<?if($USER$)?>... Бла бла бла ...<?endif?>


Замените это на:
Код
<?if($USER$)?> | <!--<s3178>-->Добавил<!--</s>-->: <a id="user$ID$" href="javascript://">$USER$</a><?endif?>


На этой же странице после /body:
Код
<script>  
  // Мини-профиль для каталога файлов by Apocalypse  
  $('a#user$ID$').click(function() {  
  new _uWnd('uApo', 'Мини-профиль пользователя $USERNAME$', 400, 200, {autosize:0, align:'left'}, '<div id="load$ID$"><img src="/images/ajax-loader.gif"></div>');  
  setTimeout(function() {  
  $('div#load$ID$').load('/index/8-$UID$ #loader', function() {  
  $('span#ava img').attr('width', '50');  
  });  
  }, 500);  
  });  
  // apo-ucoz.com 2011 год  
  </script>


Залейте две картинки из прикреплённого архива в папку images

Материал подготовлен Apocalypse
Категория: Каталог файлов | Добавил: Apocalypse | Теги: каталога, Apocalypse, мини-профиль, ucoz, by, uWnd, файлов, окне, для
Просмотров: 309 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: