Выбор аватара в ajax окне by укозик


Выбор аватара в ajax окне by укозик

2081
8.4 из 10
Проголосовало: 5






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

Установка:

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

Code
<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>


После </ head>:

Code
<script type="text/javascript">  
  $(document).ready(function(){  
  /*© укозик.рф*/  
  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>


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

Ищем код:

Code
<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>


и заменяем на:

Code
<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"];
Автор публикации: Загрузка
Загрузка
(o)-$erega-(o), это его n материал
Источник: http://укозик.рф
  • Всего комментариев: 4

maDama
0
maDama написал: Написано 21 Октября 2013 в 16:21
Комментарий №4
Нужная вещь happy Только мне очень нужно это при регистрации sad
Скажите пжл, это возможно, и как?

nikita20031081
0
nikita20031081 написал: Написано 28 Апреля 2012 в 17:38
Комментарий №2
Он открывает не в ajax-окне, а в новом sad

(o)-$erega-(o)
0
(o)-$erega-(o) написал: Написано 29 Апреля 2012 в 17:08
Комментарий №3
Значит скрипт не правильно установлен, либо js в браузере не включено

(o)-$erega-(o)
0
(o)-$erega-(o) написал: Написано 24 Апреля 2012 в 14:23
Комментарий №1
В скрипте ошибку нашел. Вовчик, исправь пожалуйста. В скрипте после строки: var pole = $('#siF12'); добавь строку: pole.val('$USER_AVATAR_URL$'); и в коде "заменяем на:" удали ссылку на мой аватар, оставь значение value пустым

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
Поставил ваш код он начинает считать от 0 до 100 и останавливаеться. я думал он будет в случайном порядке показывать цыфры
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
    Последние темы
    Опрос
    403
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 8
    Гостей: 7
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: