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

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

Подскажите, как это сделать? Если можно, то покажите маленькие примеры...

 

FeaMor, Можно использовать Community Buolder, там подсказки есть

 

Да, я знаю, но дополнительные компоненты не нужны. Я лучше переделаю оригинальную регистрацию ;-) только пока не могу сообразить как вообще такое сделать :-(

 

Меня тоже всегда этот вопрос мучает! На других сайтах есть - так классно!
А еще как в форму регистрации и авторизации вставить картинку с контрольным числом (captcha) как на фронтэнде, так и на бэкэнде? Только чтобы через поля ввода взлом не делался никак

 

Ну если хотите сложностей и эксклюзива, то велкам: http://dzineblog.com/2009/11/18-impressive-web-form-validation-scripts-to-enhance-user-experience.html

 

Спасибо, за ссылку! Нашел то, что нужно:

Код (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 />. Сделал событие на нажатие кнопкой мыши, но возникают трудности с блокировкой всплывающих окон во многих браузерах ((
Может есть решения?