Хаки и Скрипты Next Generation CMS

Небольшая плюшка для регистрации и не только

irbees2008 irbees2008 Опубликовано - 15 - июля JS
1898 - 0
  • Адаптировал: irbees2008
  • Уровень сложности исполнения: это делается простым копированием и нажиманием кнопки
  • Демо:

И так, в движке есть страничка регистрации, там просто заполняешь поля и жмешь кнопку зарегистрироваться. Но вот правила прочитать или условия не каждый прочитает, да согласен он или нет тоже не знаем.Так вот есть небольшой скриптик, например, если пользователь не соглашается с правилами, он не жмет на флажок (checkbox) и ему не появится кнопка «Зарегистрироваться», но если он со всеми правилами согласен, тогда жмет на флажок (checkbox) и ему отображается кнопка «Зарегистрироваться».
Скрипт простой .
И так приступим открываем форму регистрации дефолтного шаблона,там есть такая форма

Код:
<form name="register" action="{{ form_action }}" method="post" onsubmit="return validate();">
<input type="hidden" name="type" value="doregister"/>
{% for entry in entries %}
<div class="label label-table">
<label for="{{ entry.id }}">{{ entry.title }}:</label>
<span class="input2">{{ entry.input }}</span>
<div class="label-desc" id="{{ entry.id }}">{{ entry.descr }}</div>
</div>
{% endfor %}
{% if flags.hasCaptcha %}
<div class="label label-table captcha pull-left">
<label for="reg_capcha">{{ lang.captcha }}:</label>
<input id="reg_capcha" type="text" name="vcode" class="input">
<img src="{{ admin_url }}/captcha.php" onclick="reload_captcha();" id="img_captcha" style="cursor: pointer;" alt="{{ lang.captcha }}"/>
<div class="label-desc">{{ lang.captcha_desc }}</div>
</div>
{% endif %}
<div class="clearfix"></div>
<div class="label">
<label class="pull-left"><input type="checkbox" name="agree">
{{ lang.theme['registration.rules'] }}</label>
<input type="submit" value="{{ lang.register }}" class="button pull-right">
</div>
</form>
screenshot_31.jpg (38.19 Kb)
Так чекбокс есть и кнопка тоже это в этом кусочке
Код:
<div class="label">
<label class="pull-left"><input type="checkbox" name="agree">
{{ lang.theme['registration.rules'] }}</label>
<input type="submit" value="{{ lang.register }}" class="button pull-right">
</div>

Меняем
Код:
<input type="checkbox" name="agree">
на
Код:
<input type="checkbox" id="_tour_bron" name="_tour_bron" value="true">
Удаляем кнопку
Код:
<input type="submit" value="{{ lang.register }}" class="button pull-right">

И добавляем скрипт который показывает кнопку регистрации:
Код:
<script>
document.getElementById('_tour_bron').onclick = function() {
// access properties using this keyword
if ( this.checked ) {
document.getElementById('button_on_checkbox').innerHTML = '<input type="submit" value="{{ lang.register }}" class="button pull-right">';
} else {
document.getElementById('button_on_checkbox').innerHTML = '';
}
};
</script>
<span id="button_on_checkbox"></span>
У меня получился такой кусок кода
Код:
<div class="label">
<label class="pull-left">
<input type="checkbox" id="_tour_bron" name="_tour_bron" value="true">
{{lang.theme['registration.rules'] }}
</label>
<script>
document.getElementById('_tour_bron').onclick = function() {
// access properties using this keyword
if ( this.checked ) {
document.getElementById('button_on_checkbox').innerHTML = '<input type="submit" value="{{ lang.register }}" class="button pull-right">';
} else {
document.getElementById('button_on_checkbox').innerHTML = '';
}
};
</script>
<span id="button_on_checkbox"></span>
</div>

Вот и все, пользуемся.

Можешь почитать и вот эту статейку "Скрипт выделение текста,кода .."

Опрос

Ваше мнение

Каким софтом вы пользуетесь?
Результаты

Последние комментарии

Теги

Anything in here will be replaced on browsers that support the canvas element

Статистика

  • Caйту: 3319 дней
  • Новостей: 542
  • Комменты: 254
  • Зарегистрированно : 570
  • Онлайн всего: [5]
  • Гости: [4]
  • Поисковики: [1] Яндекс
  • Были сегодня : [4] Яндекс, Google, irbees2008, Яндекс
  • SQL запросов: 31
  • Генерация страницы: 0.091сек
  • Потребление памяти: 4.943 Mb 
  •   яндекс.ћетрика