Мой сайт

Главная » 2012 » Январь » 20 » Картинка в личном статусе для uCoz
20:50
Картинка в личном статусе для uCoz


Картинка в личном статусе для uCoz

И так, приступим. У вас уже стоит скрипт статуса? Продолжаем работу. В идеальном случае, картинки я загрузил в папку xstatuses в корне, с именами 1, 2, 3 и т.д.

Страница добавления/редактирования материала:

Приставляем к следующее (это позволит делать определенную картинку при отсутствии ее, к примеру, если пользователь не выбрал картинку к своему статусу, она будет стандартной, т.е. 1.png):

Donload="toValue('statusImg', '/xstatuses/1.png');"

Ставим кнопку для выбора картинки:

[img]/xstatuses/1.png[/img]
<BR>[img]/xstatuses/1.png[/img]
И ставьте куда захотите следующее (это сами картинки, из которых необходимо выбирать):

<div style="display:none;" id="entImgSt"> <BR>[img]/xstatuses/1.png[/img]
<BR>[img]/xstatuses/2.png[/img]
<BR>[img]/xstatuses/3.png[/img]
<BR>[img]/xstatuses/4.png[/img]
<BR>[img]/xstatuses/5.png[/img]
<BR>[img]/xstatuses/6.png[/img]
<BR>[img]/xstatuses/7.png[/img]
<BR>[img]/xstatuses/8.png[/img]
<BR>[img]/xstatuses/9.png[/img]
<BR>[img]/xstatuses/10.png[/img]
<BR></div>

Все урлы меняем естественно на свои.

Далее, вставляем в следующее:

<style type="text/css">#stImg {margin-top:4px;margin-left:10px;padding:4px;border:1px solid #c0cad5;cursor:pointer} <BR>#stImg2 {margin-top:4px;margin-left:10px;padding:4px;border:1px solid #c0cad5;cursor:pointer;display:none;} <BR>#entImgSt {position:absolute;margin-top:10px;border: 1px solid #c0cad5;padding:4px;background-color:#fff;margin-left:3px;width:188px;height:21px;line-height:26px;} <BR>.stImgt {cursor:pointer;padding-left:1px;} <BR></style> <BR><script type="text/javascript"> <BR>function toValue (toId, toVal) {document.getElementById(toId).value=toVal;} <BR>function toSrc (toIdSrc, toSrcSrc) {document.getElementById(toIdSrc).src=toSrcSrc;} <BR>function toHide (toHideId) {document.getElementById(toHideId).style.display='none'} <BR>function toShow (toShowId) {document.getElementById(toShowId).style.display='block'} <BR>function toShowLine (toShowLineId) {document.getElementById(toShowLineId).style.display='inline'} <BR></script>

Это сами CSS и скрипт. Неисправление стилей ведет к большому ужасу.

Активируем любое доп. поле.

Ставим в любое место:

<input style="display:none;" id="statusImg">
Теперь находим примерно следующее:

<script type="text/javascript"> <BR>$(document).ready(function(){ <BR>$("#addst").click(function(){ <BR>$("#loadstat").show(); <BR>var ssid = $("input[name='ssid']").val(); <BR>var statmess = $("#status").val();

сразу после var statmess = $("#status").val(); ставим:

var statimg = $("#statusImg").val();

Там же после message: statmess, ставим:

other4: statimgha,
other4 - цифру 4 заменяем на номер вашего доп. поля.

Вид материалов:

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

<?if($OTHER4$)?>[img]$OTHER4$[/img]
<?else?>[img]$OTHER4$[/img]
<?else?>[img]/xstatuses/1.png[/img]
<?endif?>

Стиль картинки настроен под меня, поэтому и его правьте под себя. $OTHER4$ - естественно меняем на переменную вашего доп. поля.

Если у вас по каким-то причинам нет, то тогда ставим код выше перед каждым $MESSAGE$, однако, это усложнит работу.
Категория: Скрипты для uCoz | Просмотров: 365 | Добавил: Admin_4e | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *: