Этот скрипт VfriendsAdmin написал для своей соцки, но думаю распубликовать его для других социальных сетей.
Картинки, думаю, найдете сами, можете взять к примеру эти - тык, ток делить их будете сами
И так, приступим. У вас уже стоит скрипт статуса? Продолжаем работу. В идеальном случае, картинки я загрузил в папку xstatuses в корне, с именами 1, 2, 3 и т.д.
Страница добавления/редактирования материала:
Приставляем к следующее (это позволит делать определенную картинку при отсутствии ее, к примеру, если пользователь не выбрал картинку к своему статусу, она будет стандартной, т.е. 1.png):
___________________________________________________________________________________________________________________________
on load="toValue('statusImg', '/xstatuses/1.png');"
___________________________________________________________________________________________________________________________
Ставим кнопку для выбора картинки:
___________________________________________________________________________________________________________________________
<i mg style="display:inline;" id="stImg" onclick="toShow ('entImgSt');toShowLine ('stImg2'); toHide ('stImg')" src="/xstatuses/1.png"> <BR><img style="display:none;" id="stImg2" onclick="toHide ('entImgSt');toHide ('stImg2'); toShowLine ('stImg')" src="/xstatuses/1.png">
___________________________________________________________________________________________________________________________
И ставьте куда захотите следующее (это сами картинки, из которых необходимо выбирать):
___________________________________________________________________________________________________________________________
< div style="display:none;" id="entImgSt"> <BR><img class="stImgt" onclick="toValue('statusImg', '/xstatuses/1.png');toSrc ('stImg', '/xstatuses/1.png');toSrc ('stImg2', '/xstatuses/1.png');toHide ('entImgSt');toShowLine ('stImg');toHide ('stImg2');" src="/xstatuses/1.png"> <BR><img class="stImgt" onclick="toValue('statusImg', '/xstatuses/2.png');toSrc ('stImg', '/xstatuses/2.png');toSrc ('stImg2', '/xstatuses/2.png');toHide ('entImgSt');toShowLine ('stImg');toHide ('stImg2');" src="/xstatuses/2.png"> <BR><img class="stImgt" onclick="toValue('statusImg', '/xstatuses/3.png');toSrc ('stImg', '/xstatuses/3.png');toSrc ('stImg2', '/xstatuses/3.png');toHide ('entImgSt');toShowLine ('stImg');toHide ('stImg2');" src="/xstatuses/3.png"> <BR><img class="stImgt" onclick="toValue('statusImg', '/xstatuses/4.png');toSrc ('stImg', '/xstatuses/4.png');toSrc ('stImg2', '/xstatuses/4.png');toHide ('entImgSt');toShowLine ('stImg');toHide ('stImg2');" src="/xstatuses/4.png"> <BR><img class="stImgt" onclick="toValue('statusImg', '/xstatuses/5.png');toSrc ('stImg', '/xstatuses/5.png');toSrc ('stImg2', '/xstatuses/5.png');toHide ('entImgSt');toShowLine ('stImg');toHide ('stImg2');" src="/xstatuses/5.png"> <BR><img class="stImgt" onclick="toValue('statusImg', '/xstatuses/6.png');toSrc ('stImg', '/xstatuses/6.png');toSrc ('stImg2', '/xstatuses/6.png');toHide ('entImgSt');toShowLine ('stImg');toHide ('stImg2');" src="/xstatuses/6.png"> <BR><img class="stImgt" onclick="toValue('statusImg', '/xstatuses/7.png');toSrc ('stImg', '/xstatuses/7.png');toSrc ('stImg2', '/xstatuses/7.png');toHide ('entImgSt');toShowLine ('stImg');toHide ('stImg2');" src="/xstatuses/7.png"> <BR><img class="stImgt" onclick="toValue('statusImg', '/xstatuses/8.png');toSrc ('stImg', '/xstatuses/8.png');toSrc ('stImg2', '/xstatuses/8.png');toHide ('entImgSt');toShowLine ('stImg');toHide ('stImg2');" src="/xstatuses/8.png"> <BR><img class="stImgt" onclick="toValue('statusImg', '/xstatuses/9.png');toSrc ('stImg', '/xstatuses/9.png');toSrc ('stImg2', '/xstatuses/9.png');toHide ('entImgSt');toShowLine ('stImg');toHide ('stImg2');" src="/xstatuses/9.png"> <BR><img class="stImgt" onclick="toValue('statusImg', '/xstatuses/10.png');toSrc ('stImg', '/xstatuses/10.png');toSrc ('stImg2', '/xstatuses/10.png');toHide ('entImgSt');toShowLine ('stImg');toHide ('stImg2');" src="/xstatuses/10.png"> <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 и скрипт. Неисправление стилей ведет к большому ужасу.
Активируем любое доп. поле.
Ставим в любое место:
___________________________________________________________________________________________________________________________
<in put 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, ставим:
___________________________________________________________________________________________________________________________
othe r4: statimgha,
___________________________________________________________________________________________________________________________
o ther4 - цифру 4 заменяем на номер вашего доп. поля.
Вид материалов:
Ставим сразу после:
___________________________________________________________________________________________________________________________
<?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$ - естественно меняем на переменную вашего доп. поля.
Если у вас по каким-то причинам нет
, то тогда ставим код выше перед каждым $MESSAGE$, однако, это усложнит работу.
___________________________________________________________________________________________________________________________