ВФЦУ, 18/07/25, 4:31 PM

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: Djum  
Регистрация Новый тип.. теперь и в Ajax + Бонус
DiMoNiKДата: ВФЦУ, 13/05/10, 1:46 PM | Сообщение # 1





[ ]


Всем привет !
Регистрация Новый тип.. теперь и в Ajax ! Шаг за шагом
Скрин в стандартных Ajax Окнах

Скрин в новых Ajax Окнах

Приступим
1 Идем Пу- Управление дизайном-Страница регистрации пользователей
Удаляем все и ставим вот этот код !

Code
<head>     
<title>$SITE_NAME$ - $PAGE_NAME$</title>     
</head>     
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">     
     <html xmlns="http://www.w3.org/1999/xhtml">     
     <head>     
     <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />     
     <title>Регистрация</title>     
     <style>     
     body {margin:0;font-family: Tahoma, sans-serif;font-size: 11px;background-color: #f2f2f5;}     
     a { color: #000000; }     
     a:hover { text-decoration: none; }     
     a img { border: 0px; }     
     td, body {font-family:verdana,arial,helvetica; font-size:8pt;}     
     .manHr {height: 0px; border: 0px solid #e4e4e4; border-top-width: 1px;}     
     hr {height: 0px; border: 0px solid #e4e4e4; border-top-width: 1px;}     
     </style>     
     </head>     

     <body style="padding:10px;">     
     <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" align="center">     
     <tr>     
     <td width="16" height="16" background="http://www.cyberarena.su/imgs/1.gif"> </td>     
     <td background="http://www.cyberarena.su/imgs/5.gif"> </td>     

     <td width="16" height="16" background="http://www.cyberarena.su/imgs/4.gif"> </td>     
     </tr>     
     <tr>     
     <td background="http://www.cyberarena.su/imgs/2.gif"> </td>     
     <td>     
     <table width="100%" border="0" cellspacing="10" cellpadding="0">     
     <tr>     
     <td><span style="font-size:14px;"><div align='center'><strong>Регистрация</strong></div></span></td>     
     </tr>     
     <tr>     
     <td>     

<DIV id="rules">     
<FIELDSET><LEGEND>Правила сайта</LEGEND>     
Авторские права     
Вся информация предоставленная на сайте www.Cyberarena.su является собственностью авторов. Любую информацию размещенную на сайте запрещено копировать без размещения ссылки на источник. Если Вы автор какого-либо материала размещенного у меня на сайте, и у Вас есть какие-либо претензии, то также пишите, все вопросы обсудим - решим.     

<Hr>Дизайн сайта     
Дизайн данного сайта принадлежит полностью администратору сайта. Категорически запрещается копировать и использовать без соглашения главного администратора. За использование дизайна без согласия главного администратора, полагается разбирательство с администрацией хостера (в данном случае системы uCoz) и блокировка аккаунта нарушителя.     

<Hr>Copyright ©     
"Закон о Копирайте" (Copyright Act), копирайт возникает немедленно после окончания работы над авторским произведением, вне зависимости от того, где и когда эта работа была опубликована и была ли опубликована вообще, а также были ли зарегистрированы права автора на его творение. Однако, "Управление по делам копирайта США" (US Copyright Office) предлагает услуги по регистрации копирайтов, что в случае судебного разбирательства позволяет обосновать законность права владения интеллектуальной собственностью. Впрочем, никаких разрешений не требуется, чтобы автор начал использовать знак копирайта - (C). Копирайт защищает литературные, музыкальные, хореографические, графические, архитектурные произведения, фотографии, игры и т.д. Произведение, защищенное копирайтом, а также любая его часть не может быть использовано без разрешения собственника     
<HR>     
Правила прочитал и принимаю     
<INPUT type="checkbox" value="0" onclick="document.getElementById('bt').disabled=false" />     
<INPUT id="bt" type="button" disabled value="Продолжить Регистрацию" onclick="$('#rules').slideUp(); $('#regpage').slideToggle();" />     
</DIV>     
<DIV id="regpage" style="display:none;">     
$BODY$     
</DIV>     

         
     </td>     
     </tr>     

     <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 Скачать изображения можно ТУТ

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 и подключить его !
Скачать скрипт openLayerA.js
4.1 Скачиваем скрипт
4.2 Подключаем его

Code
<script type="text/javascript" src="Ссылка на ваш сайт/openLayerA.js"></script>

4.3 Ставим его между тегами

Code
<head>...</head>

Важно помнить что скрипт нужно подключить на тех страницах где вы хотите видеть регистрацию !
Все готово !

Данный Скрипт построен на Ajax и jQuery технологиях !

  • Страница 1 из 1
  • 1
Поиск:


Хостинг от uCoz Сайт оптимизирован под браузер FireFox Mozilla. SiteMap | SiteMap Forum.
Дизайн данного сайта полностью принадлежит администратору.