Файлы Скрипты и модификации

Пошаговая регистрация для uCoz

Описание:
Представляю вашему внимаю скрипт пошаговой регистрации для вашего сайта. Установка скрипта не займет много времени, так что не бойся =)

Что нам для этого понадобится:
  • Локальные пользователи
  • Пару минут времени
  • Прямые руки

    Перейдем к установке:

    1. Переходим ПУ-Управление дизайном-Пользователи-Форма регистрации локальных пользователей. И вставляем следующий код:

    Код
    <div style="background-color:f6f3f0;padding:10px;margin-top:10px;margin-bottom:10px;">
    Здравствуй, уважаемый посетитель моего портала!

    Раз уж ты решил больше не скрываться от нас и создать свой аккаунт, предлагаю тебе придумать никнейм.
    </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;">
    Отлично!
      
    А теперь, я думаю ты в курсе, пора ввести свой пароль. Кстати, если у тебя не хватает на это ума, можешь воспользоваться <a href="#" id="generate">генератором</a>.

    <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;">
    Твой аватар.

    Данное поле не является обязательным, то есть наступило время, когда решать должен именно ты.
    </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?>

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


    2. Дальше переходим на "Страницу регистрации пользователей" и после $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>
  • Источник: Неизвестен
    Загрузка данных...
    Материал «Пошаговая регистрация для uCoz» ещё никто не комментировал.
    Добавлять комментарии могут только зарегистрированные пользователи.
    Войдите на сайт или Зарегистрируйтесь
    Наш опрос
    Каким браузером вы пользуетесь?
    665 ответов
    Архив
    Статистика
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0
    Никого нету
    Сегодня нас посетили
    Никто ещё не посетил
    © 2012-2020 «For-uCoz». Дизайн и верстка Snoopak Хостинг от uCoz
    Внимание! На сайте ведутся технические работы.
    Некоторые изображения и файлы могут быть недоступны