Интересное
Joomla! Блог!
Модальное окно формы входа (логина)

В этой статье поделюсь, как сделать модальное (popup) окно формы входа (логина) на сайте, основанное на встроенной в Joomla! библиотеке . Всё сводится к тому, что бы заменить на странице громоздкую форму регистрации / входа на ссылку, при нажатии на которую будет открываться popup окно входа (логина).
p.s. Так что пробуем, эксперементируем ;)
- Стандартная форма входа:
Для реализации задуманного скопируем файлы из:
/modules/mod_login/tmpl/default.php
в
/templates/template_имя/html/mod_login/default.php
а также
/components/com_user/views/login/tmpl/default_login.php
в
/templates/template_имя/html/com_user/login/default_login.php
где template_имя это название папки Вашего шаблона, который Вы будете использовать по умолчанию. Открываем файл, который находиться по адресу:
/html/mod_login/default.php
и заменяем его содержимое на приведённый ниже код:
defined('_JEXEC') or die('Restricted access'); ?>
get('greeting')) : ?>
get('name')) : {
echo JText::sprintf( 'HINAME', $user->get('name') );
} else : {
echo JText::sprintf( 'HINAME', $user->get('username') );
} endif; ?>
<<b>?php</b> echo JText:_('BUTTOM_LOGOUT');<b>?</b>
<?php else :
JHtml::_('behavior.modal', 'a.login');
?>
class="login" title="<?php echo JText::_('LOGIN') ?>">
<?php echo JText::_('LOGIN') ?>
•
<?php echo JText::_('REGISTER'); ?>.
<?php endif; ?>
Однако, когда пользователь перейдет по ссылке входа, то в открывшемся popup окне будет не только одна форма, а и весь контент который находится на странице перехода.
Для устранения этой проблемы , в файле :
/html/com_user/login/default_login.php
приблизительно в районе 23 строки, следует "обернуть" описание логина в значение "if" :
image; ?>
params->get( 'description_login' ) ) : ?>
params->get( 'description_login_text' ); ?>
Тогда окончательный результат будет выглядеть вот так:

p.s. скачать файлы [ http://www.ex.ua/load/5657168 ], которые были использованы в этом материале. Файлы нужно просто распаковать в :
/templates/template_имя/html/
На этом все! )

Автор: Киселёв Евгений , Ноябрь 30, 2010
Автор: Илья , Декабрь 01, 2010
Этот див невидим, находится внизу страницы, и содержит вывод какого либо модуля (не обязательно мод_логин). Собственно по нажатию на ссылку всплывает рокбокс окно с модульной позицией невидимой раньше.
На странице выводится ссылка с атрибутами: rel="nofollow" href="#" id="lock-button" rel="rokbox[240 210][module=login-module]"
внизу в странице прописывается "невидимый" див блок
модульная позиция мода логина
Вообщем просто исходный код роккетов глянь) http://demo.rockettheme.com/jul09/









На рокбоксе все выводить кстати можно например, причем и вход и регистрацию (mod gk_register). Стандартный rel как то простоват.