Показываем пользователю во время регистрации адрес его будущей страницы 2 367 просмотров

Из серии мелочь, но приятно.

Первая ветка. Файл шаблона com_registration.tpl

Где то над:

 <input name="login" id="logininput" class="text-input" type="text"  value="{$item.login|escape:'html'}" onchange="checkLogin()" autocomplete="off"/>

ставим это

{literal}<script type="text/javascript">
$(function(){
$("#logininput").keyup(function
() { var value = $(this).val();
$("#usrpl").text(value);
}).keyup();
});
</script>{/literal}

сразу под input ставим это

<small style="color: green;  font-size:12px;">Адрес вашей: http://site.ru/users/<b id="usrpl" style="font-size:12px; color: green; font-weight:normal"></b></small>

Теперь во время регистрации, когда пользователь вводит логин, ниже он сразу видит как будет выглядеть адрес его страницы.
Думаю, это не лишнее, так как пользователь при регистрации может не понимать, что в адресе его страницы будет виден его логин, и ввести в логин какие то данные которые он может быть предпочел бы оставить конфиденциальными: телефон, фамилия, возраст или даже пин код от кредитной карты scratch

Случайный аватар для пользователей без главного фото

Ограничение на просмотр контактов в объявлениях и отправка их в ответ на смс

jquery регистрация формы

11 комментариев

Реклама #

deltas 8 лет назад #

ха, чудненько))
Только лучше все таки наверное что то типа $("#pagelink").text(value); и <span id="pagelink" style="font-size:16px; color: green; font-weight:bold"></span>
а то мало ли какой шаблон у людей (хотя и <b> уже вроде не в моде)...

Нил™ 8 лет назад #

Вы правы. Что то я упустил)) В исходном варианте скрипта, вообще событие вешалось на span

Нил™ 8 лет назад #

Поправил. Спасибо.

Сергей 8 лет назад #

А как сделать такое для второй ветки?

Андрей 8 лет назад #

Нил, благодарю, только ставить надо второй блок под

Код PHP:

                        <input name="login" id="logininput" class="text-input" type="text" style="width:300px" value="{$item.login|escape:'html'}" onchange="checkLogin()" autocomplete="off"/>
						<span class="regstar">*</span>

и, может быть так будет корректней

Код PHP:

                            <div style="color: green;  font-size:12px;">Адрес вашей: http://site.ru/users/<b id="usrpl" style="font-size:12px; color: green; font-weight:normal"></b></div>

а вот с адресом сайта, наверное, было бы полезно решить автоматическое заполнение строчки, а не ручной вариант...
есть возможность реализовать через вывод какой нибудь переменной? как то в таком формате:

Код PHP:

 
Адрес вашей: http:// {$site} /users/ ...

Андрей 8 лет назад #

Делаем красиво:

Для того, чтобы выводить при регистрации адрес потенциального пользователя, нужно

1. для русского языка добавить переменную в файл /languages/ru/components/registration.php

Код PHP:

$_LANG['YOUR_LOGINPAGE']           ='Адрес вашей странички';

для английского языка добавить переменную в файл /languages/en/components/registration.php

Код PHP:

$_LANG['YOUR_LOGINPAGE']           ='URL your page';

2. Строка 377 файла /components/registration/frontend.php

(блок параметров после строчки

Код PHP:

cmsPage::initTemplate('components', 'com_registration')->

Нужно добавить строчку

Код PHP:

assign('host', $_SERVER['SERVER_NAME'])->

3. В файле

перед строчками

Код PHP:

<input name="login" id="logininput" class="text-input" type="text" style="width:300px" value="{$item.login|escape:'html'}" onchange="checkLogin()" autocomplete="off"/>
<span class="regstar">*</span>

нужно добавить

Код PHP:

<!-- Доработка Нила и Странника. Показывает адрес профиля будущего пользователя. Начало -->
{literal}
	<script type="text/javascript">
		$(function(){
		$("#logininput").keyup(function
		() { var value = $(this).val();
		$("#usrpl").text(value);
		}).keyup();
		});
	</script>
{/literal}
<!-- Доработка Нила и Странника. Показывает адрес профиля будущего пользователя. Конец -->

а после этих строчек

Код PHP:

<!-- Доработка Нила и Странника. Показывает адрес профиля будущего пользователя. Начало -->
<div style="color: green;  font-size:12px;">{$LANG.YOUR_LOGINPAGE}: www.{$host}/users/<b id="usrpl" style="font-size:12px; color: green; font-weight:normal"></b></div>
<!-- Доработка Нила и Странника. Показывает адрес профиля будущего пользователя. Конец -->

Все, теперь при регистрации автоматически заполняется и показывается адрес регистрирующегося пользователя.
А мы не заморачиваемся по поводу корректного адреса сайта и мультиязычности

Андрей 8 лет назад #

Страннику особая благодарность за помощь в работе с переменными!

Странник 8 лет назад #

Ну, мое участие в этом хаке минимально))) я только одну строчку во фронтэнд добавил)))

Андрей 8 лет назад #

твои десяток минут и одна строчка позволили получить универсальное решение, так что не принижай свое участие...

Нил™ 8 лет назад #

Ну я то считаю этот пост абсолютно завершенным и решение рабочим, но разумеется, никто не запрещает кому то улучшать его)
По поводу "автоматизации" ввода адреса сайта, я думаю - пустое это.
Адрес сайта величина постоянная, каждый день не меняется. Проще и логичнее вписать его тут же, в шаблоне, чем лезть еще в файлы компонента.
Чего ради затрагивать больше файлов, тратить больше времени? Не вижу смысла.) Ну если кому так так интереснее и спокойнее, тоже нет проблем)

Андрей 8 лет назад #

Нил, все верно, когда речь идет об одном сайте.
Но я запускаю сайты с периодичностью, и у меня есть сборка, в которую с складываю все доработки кода и приятности.
Поэтому для таких как я будет проще включить в свой дистрибутив универсальное решение, и не мучить мозг, чтобы запомнить, где и что менять.

Ну и, вдруг разработчики решат, что идея заслуживает размещения в коробку, то копипаст фореве, что хоть немного им сэкономит времени.

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

Реклама #

deltas 8 лет назад #

Нил™ 8 лет назад #

Нил™ 8 лет назад #

Сергей 8 лет назад #

Андрей 8 лет назад #

Андрей 8 лет назад #

Андрей 8 лет назад #

Странник 8 лет назад #

Андрей 8 лет назад #

Нил™ 8 лет назад #

Андрей 8 лет назад #

Еще от автора

Капча на сайт или разделы сайта

Пинг поисковых систем для первой ветки

Генератор карты сайта в формате txt на лету без крона

InstantCMS Team

О проекте

Поддержка

Дополнения