Главная » 2011 » Февраль » 10 » Статус с иконкой из поля MSN
12:05:25
Статус с иконкой из поля MSN
Редактирование статуса:

При нажатии на иконку,остальные иконки аккуратно выезжают:

Статус в профиле:

Классный скрипт статуса с возможностью выбора иконки.
Теперь не придётся занимать какой либо модуль под статус,статус будет сделан из MSN поля.
Иконка и текст находятся в одном поле.
Но есть и небольшой минус,максимальное количество символов - 18.

Пользователи - Настройка модуля - Активируем поле "MSN идентификатор" - Сохраняем.

Дизайн - Управление дизайном (шаблоны) - Пользователи - Персональная страница пользователя,находим:

Code
<?if($_MSN$)?>
<div id="block15" class="udtb"><div class="udtlb">MSN:</div> $_MSN$</div>
<?endif?>

И заменяем на:

Code
<?if($_MSN$)?>
<div id="block15" class="udtb"><div class="udtlb">Статус:</div> <div style="display:none;"><span class="msnn">$_MSN$</span></div><span class="smus"></span></div>
<script type="text/javascript">
$('.smus').html('<img src="http://u-ucoz.ru/src/istatus/'+$('.msnn').text().split('|')[1]+'.gif" style="margin-right:2px;" align="absmiddle">'+$('.msnn').text().split('|')[0]+'')
</script>
<?endif?>

Далее,Пользователи - Страница редактирования данных пользователя,после $BODY$ ставим:

Code
<script type="text/javascript">
$('.manFlSbm').click(function() {
$('.manFlaMSN').val($('#mstat').val()+'|'+$('#mstat2').val());
if($('.manFlaMSN').val().length=='0'){$('.manFlaMSN').val($('#mstat').val()+'|'+0);}
});
$('#mstat').val($('.manFlaMSN').val().split('|')[0]);
$('#mstat2').val($('.manFlaMSN').val().split('|')[1]);
if($('.manFlaMSN').val().split('|')[1] == undefined){$('.selectsmile').attr({src:'http://u-ucoz.ru/src/istatus/0.gif'})}
else{$('.selectsmile').attr({src:'http://u-ucoz.ru/src/istatus/'+$('.manFlaMSN').val().split('|')[1]+'.gif'})}
</script>

Затем,Пользователи - Форма редактирования данных пользователя,находим:

Code
<?if($MSN_FL$)?>
<tr id="siM12"><td class="manTd1" id="siM13">$MSN_SIGN$</td><td class="manTd2" id="siM14">$MSN_FL$</td></tr><tr><td height="10" class="manTdSep" colspan="2"><hr class="manHr" /></td></tr>
<?endif?>

И заменяем на

Code
<?if($MSN_FL$)?>
<tr id="siM12"><td class="manTd1" id="siM13">Статус:</td><td class="manTd2" id="siM14"><img src="http://u-ucoz.ru/src/istatus/0.gif" style="opacity:0.5" class="selectsmile" align="absmiddle"><span id="spanik" style="display:none;"></span> <input id="mstat" maxlength="18" type="text"><div style="displady:none;"><div style="display:none;">$MSN_FL$</div></div></td></tr><tr><td height="10" class="manTdSep" colspan="2"><hr class="manHr" /></td></tr>
<script type="text/javascript">
sm_length = 6; // кол-во смайлов
sml = ['http://u-ucoz.ru/src/istatus/0.gif','http://u-ucoz.ru/src/istatus/1.gif','http://u-ucoz.ru/src/istatus/2.gif','http://u-ucoz.ru/src/istatus/3.gif','http://u-ucoz.ru/src/istatus/4.gif','http://u-ucoz.ru/src/istatus/5.gif']; // список смайлов
for(i=0;i<sm_length;i++){
$('.selectsmile').click(function(){$('#spanik').show();$(this).hide()});
$('#spanik').append('<img src="'+sml[i]+'" style="opacity:0.5" class="AOLsmlS" align="absmiddle" alt="'+i+'">');
}
$('.AOLsmlS').click(function() {$('.AOLsmlS').css('opacity','.5'); $(this).css('opacity','1');$('#mstat2').val($(this).attr('alt'))})
$('#mstat').val($('.manFlaMSN').split('|')[0].text())
</script>
<input id="mstat2" type="hidden">
<style>
#mstat{width:350px;}
</style>
<?endif?>
Скрипты для uCoz | Просмотров: 980 | Добавил: RAIDER
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]