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

1547
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 25
Скрипты и модификации для Ucoz 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • Радио не стоит на месте новая версия вам 1.5:
    Что нового:
    1. Media Session - позволит вам переключать из бара браузера радио, а также на блоке экрана.
    2. Новые радиостанции.
    3. Новый API код.

    Демо: fiddle
    Реальная полная версия: woobl
  • Marishka написал:
  • Можете добавить свои input поля, но сохраняйте их порядок в html для правильного сохранения и вывода.
  • Marishka написал:
  • Новая версия 1.3 (+6 новых станций):
    Установка:
    Демо: Перейти
  • Marishka написал:
  • Доп 8 станций:
    Код
    <div class="mSt"><p>Tropical</p><div data="2/trop_64">64</div><br><div data="2/trop_128">128</div><br><div data="2/trop_320">320</div></div>  
      <div class="mSt"><p>Нафталин FM</p><div data="2/naft_64">64</div><br><div data="2/naft_128">128</div><br><div data="2/naft_320">320</div></div>  
      <div class="mSt"><p>Rave FM</p><div data="2/rave_64">64</div><br><div data="2/rave_128">128</div><br><div data="2/rave_320">320</div></div>  
      <div class="mSt"><p>Gold</p><div data="2/gold_64">64</div><br><div data="2/gold_128">128</div><br><div data="2/gold_320">320</div></div>  
      <div class="mSt"><p>GOA/PSY</p><div data="2/goa_64">64</div><br><div data="2/goa_128">128</div><br><div data="2/goa_320">320</div></div>  
      <div class="mSt"><p>Minimal/Tech</p><div data="2/mini_64">64</div><br><div data="2/mini_128">128</div><br><div data="2/mini_320">320</div></div>  
      <div class="mSt"><p>House</p><div data="2/fut_64">64</div><br><div data="2/fut_128">128</div><br><div data="2/fut_320">320</div></div>  
      <div class="mSt"><p>Megamix</p><div data="2/mix_64">64</div><br><div data="2/mix_128">128</div><br><div data="2/mix_320">320</div></div>


    Fix работы радио:
    Находим: if(radUrl=="tm" || radUrl=="ps" || radUrl=="teo" || radUrl=="dc")
    Меняем на: if (radUrl == "tm" || radUrl == "ps" || radUrl == "teo" || radUrl == "dc" || radUrl == "gop")
  • CbIPoK2513 написал:
  • Мой вариант выдаёт аватарку картинкой, а не текстом.
    Последние темы
    Опрос
    470
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 4
    Гостей: 4
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: