Всем привет !
Регистрация Новый тип.. теперь и в Ajax ! Шаг за шагом
Скрин в стандартных Ajax Окнах
http://s60.radikal.ru/i167/1003/6f/43460920e1f7.jpg
http://s44.radikal.ru/i104/1003/78/348a4b1071c4.jpg
-
http://s60.radikal.ru/i169/1003/4e/71bbb5148f65.jpg
http://i056.radikal.ru/1003/2b/7a0db2d43833.jpg
Приступим
1 Идем Пу- Управление дизайном-Страница регистрации пользователей
Удаляем все и ставим вот этот код !
Code
<tr>
<td><div align='center'><span style="font-size:10px;">$POWERED_BY$ </span></div></td>
</tr>
</table>
</td>
<td background="http://www.cyberarena.su/imgs/6.gif"> </td>
</tr>
<tr>
<td background="http://www.cyberarena.su/imgs/3.gif"> </td>
<td height="16" background="http://www.cyberarena.su/imgs/8.gif"> </td>
<td background="http://www.cyberarena.su/imgs/7.gif"> </td>
</tr>
</table>
</body>
</html>
<script>$POWERED_BY$</script>
</body>
</html>
2 Теперь идем Пу -Управление дизайном - Форма регистрации пользователей
Удаляем все и ставим вот этот код !
Code
document.getElementById('msg').innerHTML='<span style=\"font-size:7pt;\"><img src=\"http://src.ucoz.ru/img/wd/3/ajaxs.gif\" align=\"absmiddle\" border=\"0\"> Проверка логина...</span>';
}
function GetMessageAboutAvailableLogin()
{
if(document.getElementById("siF13").value.length <= 1)
{
document.getElementById('msg').innerHTML='<span style=\"font-size:7pt;\"><img src=\"http://src.ucoz.ru/img/icon/er.png\" align=\"absmiddle\" border=\"0\"> Введите логин</span>';
return false;
}
if(window.lf.document.getElementById('chUName'))
{
document.getElementById('msg').innerHTML='<span style=\"font-size:7pt;\"><img src=\"http://src.ucoz.ru/img/icon/er.png\" align=\"absmiddle\" border=\"0\"> Логин занят</span>';
}
else
{
document.getElementById('msg').innerHTML='<span style=\"font-size:7pt;\"><img src=\"http://src.ucoz.ru/img/icon/ok.png\" align=\"absmiddle\" border=\"0\"> Логин свободен</span>';
}
}
</script><br>
$PASSWORD_SIGN$ <br>$PASSWORD_FL$<br>$PASSWORD1_SIGN$ <br>$PASSWORD1_FL$ $AVATAR_SIGN$<br>
$AVATAR_FL$<br>$NAME_SIGN$<br>$NAME_FL$<br>
$EMAIL_SIGN$ $EMAIL_FL$<br>ICQ<br>$ICQ_FL$<br>$WWW_SIGN$<br>$WWW_FL$<br><br>$BIRTHDAY_SIGN$ $BIRTHDAY_FL$<br>$GENDER_SIGN$<br>$GENDER_FL$<br><br>
$SECURITY_CODE_SIGN$ $SECURITY_CODE_FL$<br><table class="manTable" id="siM63" width="100%" border="0" cellpadding="2" cellspacing="1"><tbody><tr id="siM12"></tr><tr id="siM12"><td class="manTd1" id="siM13"><font color="#ff0000"><b>$SUBSCRIPTION_SIGN$</b></font><br>$SUBSCRIPTION_FL$</td><td class="manTd2" id="siM14">
2.2 Но в наше время незначительной проблемой стало то , что многие скрипты как этот уже дан в готовом виде !
2.3 С одной стороны это хорошо для тех кто в этом не забирается и не всматривается в структуру скрипта
2.4 Но с другой стороны ! В представленном скрипте есть ссылки на сайт автора !
2.5 Если автор данного скрипта удалит сайт или местонахождения изображений использующихся в этом скрипте !
2.6 То на вашем сайте скрипт не будет работать как надо и вообще не будет работать !
2.7 Что бы такого не случилось !!! Рекомендуется скачать эти изображения и залить себе на сайт , и изменить ссылки к на изображения в скрипте !
2.8 Скачать изображения можно
http://depositfiles.com/files/ed95lky8g
3 Идем Пу - Управление дизайном Форма входа пользователей
Ищем строку
Code
<a href="$REGISTER_LINK$">Регистрация</a>
Меняем
Code
<script type="text/javascript" src="/openLayerA.js"></script>
<a href="javascript:openLayerA('obsv','/index/3','Регистрация','900','700','yes');">Регистрация</a>
Все готово !
Бонус для тек кто в этом плохо разбирается !
4 Для тех людей у которых не установлен Ajax
Нужно дополнительно установить скрипт openLayerA.js и подключить его !
Скачать скрипт http://depositfiles.com/files/ydd82vmy2
4.1 Скачиваем скрипт
4.2 Подключаем его
Code
<script type="text/javascript" src="Ссылка на ваш сайт/openLayerA.js"></script>
4.3 Ставим его между тегами
Важно помнить что скрипт нужно подключить на тех страницах где вы хотите видеть регистрацию !
Все готово ! Данный Скрипт представлен Автором papirus
Cайт Автора www.cyberarena.su
Оригинальная версия скрипта Регистрация Новый тип..
Данный Скрипт переделан в Ajax версию Zombi6410
Написание инструкций Zombi6410
Данный Скрипт построен на Ajax и jQuery технологиях !
