Joomla 1.5 Помощь пользователям при регистрации на сайте

Тема в разделе "Внешний вид, шаблоны, графика", создана пользователем FeaMor, 21.02.2010.

  1. FeaMor
    Offline

    FeaMor Пользователь

    Регистрация:
    01.09.2008
    Сообщения:
    104
    Симпатии:
    2
    Пол:
    Мужской
    Есть сайт, предназначенный для людей пожилого возраста. Оказалось, что обычная форма компонента регистрации не очень понятна для такого возраста. Хотел бы сделать так, чтобы рядышком с каждым полем появлялась информация о данном поле с примером заполнения его, и чтобы таковая подсказка активировалась (появлялась) при наведении курсора и при нажатии на это поле, включая переключение клавишей "Tab" и соответственно пропадала, если такового не происходит...

    Подскажите, как это сделать? Если можно, то покажите маленькие примеры... :[
     
  2.  
  3. Fanamura
    Offline

    Fanamura Доброта

    Регистрация:
    12.03.2007
    Сообщения:
    5 108
    Симпатии:
    159
    Пол:
    Мужской
    FeaMor, Можно использовать Community Buolder, там подсказки есть :)
     
  4. FeaMor
    Offline

    FeaMor Пользователь

    Регистрация:
    01.09.2008
    Сообщения:
    104
    Симпатии:
    2
    Пол:
    Мужской
    Да, я знаю, но дополнительные компоненты не нужны. Я лучше переделаю оригинальную регистрацию ;-) только пока не могу сообразить как вообще такое сделать :-(
     
  5. Offline

    AnyOne Недавно здесь

    Регистрация:
    20.09.2008
    Сообщения:
    19
    Симпатии:
    1
    Пол:
    Женский
    Меня тоже всегда этот вопрос мучает! На других сайтах есть - так классно!
    А еще как в форму регистрации и авторизации вставить картинку с контрольным числом (captcha) как на фронтэнде, так и на бэкэнде? Только чтобы через поля ввода взлом не делался никак :)
     
  6. Fanamura
    Offline

    Fanamura Доброта

    Регистрация:
    12.03.2007
    Сообщения:
    5 108
    Симпатии:
    159
    Пол:
    Мужской
  7. FeaMor
    Offline

    FeaMor Пользователь

    Регистрация:
    01.09.2008
    Сообщения:
    104
    Симпатии:
    2
    Пол:
    Мужской
    Спасибо, за ссылку! Нашел то, что нужно:
    Код (PHP):
    1. <script type="text/javascript">
    2. function addLoadEvent(func) {
    3.   var oldonload = window.onload;
    4.   if (typeof window.onload != 'function') {
    5.     window.onload = func;
    6.   } else {
    7.     window.onload = function() {
    8.       oldonload();
    9.       func();
    10.     }
    11.   }
    12. }
    13.  
    14. function prepareInputsForHints() {
    15.   var inputs = document.getElementsByTagName("input");
    16.   for (var i=0; i<inputs.length; i++){
    17.     inputs[i].onfocus = function () {
    18.       this.parentNode.getElementsByTagName("span")[0].style.display = "inline";
    19.     }
    20.     inputs[i].onblur = function () {
    21.       this.parentNode.getElementsByTagName("span")[0].style.display = "none";
    22.     }
    23.   }
    24. }
    25. addLoadEvent(prepareInputsForHints);
    26. </script>
    27.  
    28. <form action="<?php echo JRoute::_( 'index.php?option=com_user' ); ?>" method="post"
    29.  id="josForm" name="josForm" class="form-validate">
    30. <fieldset>
    31.     <legend><?php echo JText::_('Register'); ?></legend>
    32.    
    33.     <div>
    34.         <label class="label-left" id="namemsg" for="name">
    35.             <?php echo JText::_( 'Name' ); ?>:
    36.         </label>
    37.         <input type="text" name="name" id="name"
    38.  value="<?php echo $this->escape($this->user->get( 'name' ));?>" maxlength="50" /> *
    39.         <span class="hint">Введите ваше настоящее имя или псевдоним для отображения
    40.  на сайте.<br />[<i>Например, <b>Иванов Иван</b></i>]</span>
    41.     </div>
    42.    
    43.     <div "тоже самое про логин" />
    44.  
    45.     <div>
    46.         <label class="label-left" id="emailmsg" for="email">
    47.             <?php echo JText::_( 'Email' ); ?>:
    48.         </label>
    49.         <input type="text" id="email" name="email"
    50. value="<?php echo $this->escape($this->user->get( 'email' ));?>" maxlength="100" /> *
    51.         <span class="hint">Введите адрес вашей электронной почты. Если
    52.  у вас нет эл. почты, то вы можете ее завести на любом почтовом сервисе,
    53.  например <a href="https://www.google.com/accounts/NewAccount" target="_blank"
    54.  onmousedown="window.open('https://www.google.com/accounts/NewAccount');return
    55.  false">Google Mail</a>.<br />[<i>Например, <b>goldeagle@gmail.com</b></i>]</span>
    56.     </div>
    57.    
    58.     <div "тоже самое про пароль" />
    59.     <div "тоже самое про повтор пароля" />
    60.  
    61.     <div><?php echo JText::_( 'REGISTER_REQUIRED' ); ?></div>
    62.     <div><button class="button validate" type="submit"><?php
    63.  echo JText::_('Register'); ?></button></div>
    64. </fieldset>
    65. <input type="hidden" name="task" value="register_save" />
    66. <input type="hidden" name="id" value="0" />
    67. <input type="hidden" name="gid" value="0" />
    68. <?php echo JHTML::_( 'form.token' ); ?>
    69. </form>

    единственный минус - при показе подсказки? при вводе E-mail? есть ссылка, которая не нажимается просто так, потому что скрывается данный <span />. Сделал событие на нажатие кнопкой мыши, но возникают трудности с блокировкой всплывающих окон во многих браузерах ((
    Может есть решения?
     
    Последнее редактирование: 23.02.2010

Поделиться этой страницей

Загрузка...