Скрипт видом изменяет сам вид просмотра окна ajax Истории репутации.
Добавлена цветовое изменений репутации пользователя то есть в ситуации если минус то будет показано красная рамка, если же плюс в таком случае визуально показывается зеленая рамка, если без изменений то остается серая рамка.
Установить можно легко и просто, любой и даже начинающий web мастер сможет установить и настроить, изменить код под свой стиль.
Опять же можно приложить свою фантазию к данному окну ajax , и добавить необходимый наворот хинта, или более полезной информации для отображения ее по теме истории.Измененный вид ajax истории не так уж и необходим, но для тех кто любит цацки цыплят на сайт будет в самый раз
Производим установку скрипта: Первым делом стиля код вставляем в таблицу стилей css вашего сайта в самый низ:
Code
.RepVerh div {display:block; float:right; padding:0px !important; text-align:right; margin-right:-2px;}
.RepVerh {font-size:11px; display:block; text-align:left; width:96% !important; font-family:tahoma; border:1px solid #c0c0c0; background:#fff; padding:7px;}
.NeIzmenen {border:1px solid #c7c7c7; background:#fafafa; padding:3px; margin-right:2px; margin-bottom:3px;}
.IzPonijen {border:1px solid #eac0c0; background:#faf0f0; padding:3px; margin-right:2px; margin-bottom:3px;}
.IzPovisen {border:1px solid #b5dfa0; background:#eef9e8; padding:3px; margin-right:2px; margin-bottom:3px;}
Далее код вызова окна и дополнение скрипта в одном коде, вставлять можно код в любое удобное место, то есть там где вы хотите видеть надпись история репутации :
Code
<a href="javascript://" onclick="wrep();">История репутации</a>
<script type="text/javascript">
// author: http://uSite.su
function wrep() {
new _uWnd('Rh','Рейтинг',422,285,{autosize:1,maxh:300,minh:100,closeonesc:1,oncontent:function() {
// author: http://uSite.su
$('table:first').hide();
$('table:first').before('<div class="RepVerh">'+$('table:first').html()+'</div><div id="s1" style="overflow: auto; display: block; border:1px solid #c0c0c0; background:#fff; padding:3px 0px 3px 3px; height:235px !important; margin-top:5px;">'+$('#ljdj3uur').html()+'</div>')
if($('#ljdj3uur').html()==null){_uWnd.close('Rh');_uWnd.alert('<center>Репутация пуста</center>','Ошибка')}
RepSill = $("#lksdfkjd").parent('div').html();
$("div[title='Уровень репутации не изменен.']").parent('td').parent('tr').parent('tbody').parent('table').wrap('<div class="NeIzmenen"></div>');
$("div[title^='Уровень понижен']").parent('td').parent('tr').parent('tbody').parent('table').wrap('<div class="IzPonijen"></div>');
$("div[title^='Уровень повышен']").parent('td').parent('tr').parent('tbody').parent('table').wrap('<div class="IzPovisen"></div>');
$('#ljdj3uur').hide();
}},{url:'/index/9-$_USER_ID$'});return false;
};
</script>
Автор данного материала: iWebb