Оригинальная регистрация


Оригинальная регистрация

1396
6.8 из 10
Проголосовало: 14






Что нам нужно?

- Локальные пользователи
- Несколько минут времени
- Прямые руки

Шаг первый

Вставляем в форму регистрации локальных пользователей следующий скрипт:

Код
<div style="background-color:f6f3f0;padding:10px;margin-top:10px;margin-bottom:10px;">
Здравствуй, уважаемый посетитель моего портала!<br />
Раз уж ты решил больше не скрываться от нас и создать свой аккаунт, предлагаю тебе придумать никнейм.
</div>

<?if($LOGIN_FL$)?>
<tr id="siM42">
<td class="manTd1" width="35%" id="siM43"></td><td class="manTd2" id="siM44">$LOGIN_FL$</td>
</tr><tr><td height="10" class="manTdSep" colspan="2"><div class="hr_line_bg"></div></td></tr>
<?endif?>
<a href="javascript:void(0)" rel="nofollow" onclick="$('#d1').slideToggle('fast');">Придумал, продолжаем</a>

<div id="d1" style="display:none;">
<div class="d1">
<div style="background-color:f6f3f0;padding:10px;margin-top:10px;margin-bottom:10px;">
Отлично!<br />  
А теперь, я думаю ты в курсе, пора ввести свой пароль. Кстати, если у тебя не хватает на это ума, можешь воспользоваться <a href="#" id="generate">генератором</a>.
<br /><span id="generated"></span>
</div>
<?if($PASSWORD_FL$)?>
<tr id="siM45"><td class="manTd1" id="siM46"></td><td class="manTd2" id="siM47">$PASSWORD_FL$</td></tr>
<?endif?>
<?if($PASSWORD1_FL$)?>
  <div class="pass_copy">$PASSWORD1_FL$</div>
<?endif?>
<a href="javascript:void(0)" rel="nofollow" onclick="$('#d2').slideToggle('fast');">Давай дальше</a>
</div></div>

<div id="d2" style="display:none;">
<div class="d2">
<div style="background-color:f6f3f0;padding:10px;margin-top:10px;margin-bottom:10px;">
Чтобы пользователи смогли обращаться к тебе по имени, необходимо заполнить следующее поле.
</div>
<?if($NAME_FL$)?>
<tr id="siM51"><td class="manTd1" id="siM52"></td><td class="manTd2" id="siM53">$NAME_FL$</td></tr><tr><td height="10" class="manTdSep" colspan="2"><div class="hr_line_bg"></div></td></tr>
<?endif?>
<a href="javascript:void(0)" rel="nofollow" onclick="$('#d3').slideToggle('fast');">Ок, босс</a>
</div></div>

<div id="d3" style="display:none;">
<div class="d3">
<div style="background-color:f6f3f0;padding:10px;margin-top:10px;margin-bottom:10px;">
Сюда тебе следует ввести адрес своей электронной почты, дабы мы отправили тебе код и ты как добросовестный пользователь подтвердил свой е-mail.
</div>
<?if($EMAIL_FL$)?>
<tr id="siM54"><td class="manTd1" id="siM55"></td><td class="manTd2" id="siM56">$EMAIL_FL$</td></tr><tr><td height="10" class="manTdSep" colspan="2"><div class="hr_line_bg"></div></td></tr>
<?endif?>
<a href="javascript:void(0)" rel="nofollow" onclick="$('#d4').slideToggle('fast');">Все сделано</a>
</div></div>

<div id="d4" style="display:none;">
<div class="d4">
<div style="background-color:f6f3f0;padding:10px;margin-top:10px;margin-bottom:10px;">
Твой аватар.<br />
Данное поле не является обязательным, то есть наступило время, когда решать должен именно ты.
</div>
<?if($AVATAR_FL$)?>
<tr id="siM36"><td class="manTd1" valign="top" id="siM37"></td><td class="manTd2" id="siM38">$AVATAR_FL$</td></tr><tr><td height="10" class="manTdSep" colspan="2"></td></tr>
<?endif?><br />
<a href="javascript:void(0)" rel="nofollow" onclick="$('#d5').slideToggle('fast');">Я принял правильное решение</a>
</div></div>

<div id="d5" style="display:none;">
<div class="d5">
<div style="background-color:f6f3f0;padding:10px;margin-top:10px;margin-bottom:10px;">
Ну вот мы с тобой и добрались до последнего пункта регистрации. Тебе осталось ввести код, который ты видишь на картинке.
</div>
<?if($SECURITY_CODE_FL$)?>
<tr id="siM60"><td class="manTd1" id="siM61"></td><td class="manTd2" id="siM62">$SECURITY_CODE_FL$</td></tr><tr><td height="10" class="manTdSep" colspan="2"><hr class="manHr" /></td></tr>
<?endif?>

<tr id="siM64"><td class="manTdBut" colspan="2" align="center" id="siM65"><input class="manFlSbm" id="siF20" type="submit" name="sbm" value="Завершить регистрацию" /></td></tr>
</div></div>
<input type="hidden" name="grp" value="2" />
<script type="text/javascript">  
$(document).ready(function(){  
  var checkRun = 0;  
  $("#generate").live("click", function() {  
  if (checkRun == 1) { return false; }  
  var symbols = "qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM1234567890";  
  new function(){  
  this.start = function(){  
  str = symbols.charAt( Math.floor( Math.random() * symbols.length - 1 ) );  
  passwd = $('#generated').html();  
  passwd = passwd + str;  
  $('#generated').html(passwd);  
  }  
  this.stop = function(){  
  clearInterval( interval );  
  checkRun = 0;  
  }  
  checkRun = 1;  
  $('#generated').html("Держи: ");  
  interval = setInterval( this.start, 10 );  
  setTimeout( this.stop, 110 );  
  }  
  return false;  
  });  
});  
</script>


Шаг второй
Вставляем данный скрипт после $BODY$ на страницу регистрации пользователей.

Код
<script type="text/javascript">
$(document).ready(function() {
  $('input#siF14').keyup(function() {$('input#siF15').val($('input#siF14').val())}); $('.pass_copy').css('display','none')
});
</script>
<script type="text/javascript">  
var style = 'margin-left:10px';
$('input[name="sbm"]').attr('disabled','disabled');$('#secImg').after('<span id="checkcode"></span>');  
$('input[name="code"]').keyup(function(){  
if($(this).val().length == 5) {  
$('#checkcode').html('<img src="/.s/img/ma/m/i2.gif" align="absmiddle" alt="Проверка" style="'+style+'">');$.post('/index/', {a:48,code:$(this).val(),seckey:$('body').find('input[name="seckey"]').val()}, function (res) {var check = $('cmd[p="js"]',res).text(); if(check.indexOf('ok.png') != -1) { $('#checkcode').html('<img src="/.s/img/icon/ok.png" style="'+style+'" alt="Правильно" align="absmiddle">'); $('input[name="sbm"]').removeAttr('disabled');} else { $('#checkcode').html('<img src="/.s/img/icon/er.png" style="'+style+'" alt="Ошибка" align="absmiddle"><span style="font-size:10px"> - попытайся еще разок ;)</span>'); $('#secImg').click(); $(this).val('');}})  
}  
})  
</script>


Скрипт установлен.
Автор публикации: Загрузка
Загрузка
SashaXXX, это его n материал
Источник: http://yoo.at.ua/
  • Всего комментариев: 3

dizel3155
0
dizel3155 написал: Написано 04 Июля 2015 в 01:32
Комментарий №3
Доброе время суток!
Прикольно )))
Как добавить дополнительное поле: телефон, город, дату рождения.
И не обязательные поля: ICQ , VK.
За ранее спасибо!

PULLO
+1
PULLO написал: Написано 12 Июля 2013 в 01:13
Комментарий №1
фигня кривая

SashaXXX
-2
SashaXXX написал: Написано 13 Июля 2013 в 13:15
Комментарий №2
[мат] пошел)

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