Выбор аватара в ajax окне - Форум ProUcoz.com - Выбор аватара в ajax окне - Форум ProUcoz.com
Понедельник 09:56 | 20.02.2017
Свежие темы · Участники · Правила форума · Поиск · RSS
Страница 1 из 11
Модератор форума: FR3cH 
Форум ProUcoz.com » Готовые скрипты и интересные решения для системы uCoz » Пользователи » Выбор аватара в ajax окне
Выбор аватара в ajax окне
БеларусьRIDDICK[Нет на сайте]
Дата: Пятница, 28.12.2012, 00:59 | Сообщение # 1
Сообщений: 8163

Скрипт переименовывает стандартные категории аватаров, заголовок списка и выводит все в ajax окне. Стандартные категории ничем не ущемляются, они также работают. В общем, смотрите скрин, так быстрей поймете о чем идет речь

Установка:

Страница редактирования данных пользователя, в < head>:
Код

<style>    
    td, body {font-family:Tahoma,Arial,Helvetica; font-size:8pt}    
    input,textarea,select {font-size:10px; font-family:verdana,arial,helvetica}    
    .menu {padding: 0 0 0 13px; background: url('http://s105.ucoz.net/img/ma/a2.gif') no-repeat 3px 4px;}    
    #menuId{    
    float:left;    
    width:20%;    
    min-height:400px;    
    }    
    #conId{    
    float:left;    
    width:79%;    
    }    
    #abId{font-size:14px;    
    margin: 180px 5px;    
    }    
    a:link{color:#000!important;}    
    a:visited{color:#000!important;}    
    a:hover{color:#999!important;}    
    a:active{color:#000!important;}    
    .page{display:none}    
    .cursor{cursor:pointer}    
    </style>

После :
Код

<script type="text/javascript">    
    $(document).ready(function(){    
    /*© proucoz.com*/    
    var m = ["Ваше название 1","Ваше название 2"];    
    var pole = $('#siF12');   
    pole.val('$USER_AVATAR_URL$');    
    function fSsilka(){    
    var avat;    
    $('a[href^="javascript:avatar"]').click(function(){$(this).removeAttr('href')});    
    $('a img[title="Click to Select"]').click(function(){avat = $(this).attr('src');pole.val(avat);$(this).addClass('cursor');var okno = confirm('Аватар выбран. Зарыть окно?'); if(okno == true){_uWnd.close('ava')}});    
    }    
    var viborA = $('#aId');    
    viborA.click(function(){    
    $('#siF11').fadeOut(2000);    
    pole.delay(2000).fadeIn(2000);    
    pole.removeAttr('disabled')    
    });    
    viborA.live("click", function(){    
    new _uWnd('ava','Коллекция аватаров',880,500,{autosize:1,maxh:880,minh:500,oncontent:function(){$('#menuId').load('index/7-1', function(){    
    $('b:contains(Коллекции сайта)').text('Аватары 140х140');    
    var schet = $('a[target=avatars]:contains(Коллекция)').length;    
    var m2 = [];    
    for (j=0; j < schet; j++){    
    $.makeArray($('a[target=avatars]').eq(j).html(m[j]));    
    }    
    })}},'<div id="menuId">Меню</div><div id="conId"><p id="abId">Выберите категорию</p></div>');    
    });    
    var ssylka    
    $('.menu').live("click",function(){    
    $(this).addClass('sKclass');    
    ssylka = $('.sKclass a').attr('href');    
    $('#conId').load(ssylka,function(){$('font:contains(Коллекция)').remove();fSsilka()});    
    $(this).removeClass('sKclass');    
    return false;    
    });    
    $('span[dir = ltr] > a').live("click",function(){    
    var tElement = $(this).html();    
    var dds = ssylka + '-' + tElement;    
    $('#conId').load(dds,function(){    
    $('font:contains(Коллекция)').remove();    
    fSsilka()    
    });    
    return false;    
    });    
    });    
    </script>

Идем на страницу "Форма редактирования персональной информации"
Ищем код:
Код

<tr id="siM36"><td class="manTd1" valign="top" id="siM37">$AVATAR_SIGN$</td><td class="manTd2" id="siM38">$AVATAR_FL$</td></tr><tr><td height="10" class="manTdSep" colspan="2"><hr class="manHr" /></td></tr>

и заменяем на:
Код

<tr id="siM36"><td class="manTd1" valign="top" id="siM37">$AVATAR_SIGN$</td><td class="manTd2" id="siM38"><input id="siF12" class="manFlAvaLink" name="avatar" size="20" style="width:100%;" value="" maxlenth="150" type="text"><input id="siF11" class="manFlAvaFile" name="avau" style="width:100%;display:none;" size="20" type="file"><br>[ <a id="aId" href="javascript://" rel="nofollow">Выбрать аватар</a> | <a href="javascript://" rel="nofollow" onclick="ava(1);return false;">Загрузить свой аватар</a> ]</td></tr><tr><td height="10" class="manTdSep" colspan="2"><hr class="manHr" /></td></tr>


Инструкция по установке:

1.В настройках сайта выберите версию библиотеки jQuery: jQuery-1.6.1.js или выше

2.В настройках пользователей выберите "Персональную страницу пользователя открывать в новом окне" (Не обязательно, но так красивей)

3.Для того чтобы переименовать категории, редактируйте строку:
var m = ["Ваше название 1","Ваше название 2"];


Делай сегодня то, что другие не хотят — завтра будешь жить так, как другие не могут
старая английская пословица: "Кто в 20 лет не революционер, тот страдает недостатком сердца; кто в 40 лет не консерватор, тот страдает недостатком ума".
 
Форум ProUcoz.com » Готовые скрипты и интересные решения для системы uCoz » Пользователи » Выбор аватара в ajax окне
Страница 1 из 11
Поиск: