| Главная » Статьи » Скрипты » Скрипты для uCoz |
 Этот скрипт VfriendsAdmin написал для своей соцки, но думаю распубликовать его для других социальных сетей. Картинки, думаю, найдете сами, можете взять к примеру эти - тык, ток делить их будете сами И так, приступим. У вас уже стоит скрипт статуса? Продолжаем работу. В идеальном случае, картинки я загрузил в папку xstatuses в корне, с именами 1, 2, 3 и т.д. Страница добавления/редактирования материала: Приставляем к следующее (это позволит делать определенную картинку при отсутствии ее, к примеру, если пользователь не выбрал картинку к своему статусу, она будет стандартной, т.е. 1.png):
Code onload="toValue('statusImg', '/xstatuses/1.png');" Ставим кнопку для выбора картинки: Code <img style="display:inline;" id="stImg" onclick="toShow ('entImgSt');toShowLine ('stImg2'); toHide ('stImg')" src="/xstatuses/1.png"> <img style="display:none;" id="stImg2" onclick="toHide ('entImgSt');toHide ('stImg2'); toShowLine ('stImg')" src="/xstatuses/1.png"> И ставьте куда захотите следующее (это сами картинки, из которых необходимо выбирать):
Code <style type="text/css">#stImg {margin-top:4px;margin-left:10px;padding:4px;border:1px solid #c0cad5;cursor:pointer} #stImg2 {margin-top:4px;margin-left:10px;padding:4px;border:1px solid #c0cad5;cursor:pointer;display:none;} #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;} .stImgt {cursor:pointer;padding-left:1px;} </style> <script type="text/javascript"> function toValue (toId, toVal) {document.getElementById(toId).value=toVal;} function toSrc (toIdSrc, toSrcSrc) {document.getElementById(toIdSrc).src=toSrcSrc;} function toHide (toHideId) {document.getElementById(toHideId).style.display='none'} function toShow (toShowId) {document.getElementById(toShowId).style.display='block'} function toShowLine (toShowLineId) {document.getElementById(toShowLineId).style.display='inline'} </script> Это сами CSS и скрипт. Неисправление стилей ведет к большому ужасу. Активируем любое доп. поле.
Code <input style="display:none;" id="statusImg"> Теперь находим примерно следующее:
Code <script type="text/javascript"> $(document).ready(function(){ $("#addst").click(function(){ $("#loadstat").show(); var ssid = $("input[name='ssid']").val(); var statmess = $("#status").val(); сразу после var statmess = $("#status").val(); ставим:
Code var statimg = $("#statusImg").val(); Там же после message: statmess, ставим:
Code other4: statimgha, other4 - цифру 4 заменяем на номер вашего доп. поля. Вид материалов: Ставим сразу после
Code <?if($OTHER4$)?><img style="padding-top: 6px; line-height: 15px;padding-bottom:1px" src="$OTHER4$"><?else?><img style="padding-top: 6px; line-height: 15px;padding-bottom:1px" src="$OTHER4$"><?else?><img style="padding-top: 6px; line-height: 15px;padding-bottom:1px" src="/xstatuses/1.png"><?endif?> Стиль картинки настроен под меня, поэтому и его правьте под себя. $OTHER4$ - естественно меняем на переменную вашего доп. поля. Если у вас по каким-то причинам нет Конец.
| |
| Просмотров: 511 | Рейтинг: 0.0/0 |
| Всего комментариев: 0 | |
