HTML, CSS, JS в примерах 15w (comp.design.htmlcssjs) : Рассылка : Subscribe.Ru

Подписаться Бесплатная новостная рассылка Подписчиков 44 RSS

← Март 2006 →
	1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	31

За последние 60 дней ни разу не выходила

Сайт рассылки: http://www.alex-world.nm.ru\web.htm
Открыта: 14-03-2005

Автор

Alex_soldier

Статистика

44 подписчиков
0 за неделю

← Все выпуски →

HTML, CSS, JS в примерах 15w

Web-мастерство для каждого

( выпуск # 15: 22.03.2006 )

Alex_soldier Здравствуйте, уважаемые WEB-дизайнеры!

Прошу прощения, что опять покинул вас надолго. Жизнь такая непростая. Кручусь, где могу, стараюсь везде успеть. Сегодня вас ждет весьма полезная тема - создание собственных электронных справочников.

Вы все так же можете пользоваться следующими возможностями:

+ задавать вопросы в рассылку при затруднениях;
+ читать оригинал выпуска на сайте при его искажении в почте;
+ скачивать архив рассылки для чтения всех выпусков off-line;
+ получить на свой e-mail архивы выпусков всех моих рассылок.

Ну а если у вас возникают какие-либо затруднения, связанные с дизайном или скриптами, вы всегда можете задать вопрос в рассылку, я же постараюсь ответить на него как можно скорее!

Alex_soldier
(alex_soldier@mail.ru)

Ноу-Хау «Собственный Электронный Справочник»

Пожалуй, начну с пояснения, что же это за зверь. Вам когда-нибудь приходилось пользоваться стандартной справочной системой Windows? Думаю, что да. Тогда вы уже имеете представление об этом: после загрузки появляется окно с набором иконок и гиперссылок, соответствующих разделам. При щелчке на какой-либо подраздел он раскрывается, и мы видим список подразделов. В каждом подразделе раскрывается уже список понятий. И, наконец, при щелчке на понятие появляется текст его описания. Впрочем, эта структура может иметь и другое количество уровней вложенности (зависит от тематики и назначения).

Теперь представьте, что вы занялись изучением новых программных средств, допустим, HTML и PHP. Накупили толстенных книг, накачали разных материалов из Интернета. И вот, по прошествии некоторого времени, вам срочно понадобилось посмотреть формат довольно редкого тега MARQUE или вспомнить название функции, которая удаляет из строки заданный фрагмент.

Конечно, имея на руках весь объем информации, ваша цель увенчается успехом. Вот только время, потраченное на поиск нужных сведений, стремительно возрастает с увеличением количества источников информации. К тому же, вам придется всегда иметь под рукой весь этот ворох справочных данных.

Даже если вы сидели, и пару недель старательно штудировали каждое издание, по прошествии значительного времени вам придется ох как непросто разобраться в навигации даже по собственным записям! Что делать, человеческая память не столь надежна и оперативна, как ЭВМ.

Ну ладно, вернемся к теме разговора. Пришли к выводу, что хранить справочную информацию в разрозненном виде и даже в виде общего линейного перечня - не эффективно. Что остается? Иерархический список, как наиболее естественная структура! Ведь неспроста он может помочь в любой сфере человеческой деятельности!

Мой справочник
1. HTML
+ Оформление текста
Тег <b>
Тег <i>

2. CSS
+ Оформление текста
Свойство "font-family"
Свойство "font-size"

3. JavaScript
+ Объект Document
Оператор "write"

+ Объект Window
Оператор "alert"

4. PHP
+ Работа с текстом
Термин 001
Термин 002

5. MYSQL
+ Формат запроса
Термин 001
Термин 002

Вот такой пример. В нем вы сразу выбираете нужную ветвь, находите нужную группу понятий и буквально в 3 клика получаете справку по забытому элементу.

Самое замечательное, что такой справочник по силам создать каждому для себя, наполнив его той информацией, которая будет действительно необходима именно вам!

Полный листинг данного примера я приведу не здесь, а в конце выпуска. Просто по моим наблюдениям, участившиеся искажения выпусков в почте связаны именно с неправильной фильтрацией кода HTML-страниц в приводимых примерах.

Ну а пока отмечу основные этапы. Перво-наперво, необходимо определиться с основными разделами. Хотя добавить новый - минутное дело. Главное быть аккуратным при копировании фрагментов кода, и вести независимую систему имен ветвей.

Для наглядности, я перед каждым фрагментом кода я поствил отступ, соответствующий его уровню вложенности. Вам остается только копировать и переименовывать элементы, добавлять свои описания. Поверьте, самое сложное - начать, а уж дальше все пойдет само собой.

Работоспособность справочника протестирована в IE 6 & Opera 7. Если в вашем браузере справочник вдруг не заработает, пожалуйста, напишите об этом!

В следующий раз я расскажу про свою разработку - технологию AML, которая приятно порадует пользователей бесплатных хостингов, которым до сих пор были недоступны многие блага и достижения человечества!

Но, в первую очередь, приглашаю вас принять активное участие в развитии рассылки. Пишите о своих проблемах и замыслах, присылайте новые темы для обсуждения. С уважением,

Alex_soldier
(alex_soldier@mail.ru)

Если искажения не позволяют прочитать нижеследующие примеры, пишите - я вышлю вам оригинал справочника.

Для читателей через обычный WEB-интерфейс:

<html><head>
<title>Мой справочник</title>
<meta content="text/html; charset=windows-1251" http-equiv=Content-Type>
<style type="text/css"></style>
</head>
<body bgcolor="#ffdddd" text="#000000">
<table width="70%" border="0" cellpadding="25" cellspacing="4" bgcolor="#000088" align="center">
<tr><th bgcolor="#bbbbff"><font color="#ffff77" size="4"><nobr>МОЙ СПРАВОЧНИК</nobr></font></th></tr>
<tr><td bgcolor="#eeeeff"><ol>

<li><a onclick="var d=document.all.item('html01',0); if(d.style.display=='none') d.style.display=''; else d.style.display='none';"><b1>
 Оформление текста
 </b1></a><ul style='display:none' id="html01">

<li><a onclick="var d=document.all.item('html01t001',0); if(d.style.display=='none') d.style.display=''; else d.style.display='none';"><b1>
  <b>
  </b1></a><p class="p1" style='display:none' id="html01t001">
  Описание:<br>Выделение фрагмента текста жирным шрифтом (можно накладывать поверх другого оформления).<br><br>
  Пример:<br><i>Приветствую <b>Вас</b>, дорогой посетитель...</i><br><br>
  В итоге:<br>Приветствую <b>Вас</b>, дорогой посетитель...
  </p1></li>

<li><a onclick="var d=document.all.item('html01t002',0); if(d.style.display=='none') d.style.display=''; else d.style.display='none';"><b1>
  <i>
  </b1></a><p class="p1" style='display:none' id="html01t002">
  Описание:<br>Выделение фрагмента текста курсивом (можно накладывать поверх другого оформления).<br><br>
  Пример:<br><i>Приветствую Вас, <i>дорогой посетитель</i>...</i><br><br>
  В итоге:<br>Приветствую Вас, <i>дорогой посетитель</i>...
  </p1></li>

</ul></li>

</li></ul>

<li><a onclick="var d=document.all.item('css01',0); if(d.style.display=='none') d.style.display=''; else d.style.display='none';"><b1>
 Оформление текста
 </b1></a><ul style='display:none' id="css01">

<li><a onclick="var d=document.all.item('css01t001',0); if(d.style.display=='none') d.style.display=''; else d.style.display='none';"><b1>
  font-family
  </b1></a><p class="p1" style='display:none' id="css01t001">
  Описание:<br>Указание шрифта для фрагмента текста (можно перечислять несколько параметров через точку с запятой).<br><br>
  Пример:<br><i>Приветствую Вас, <span style="font-family:Courier;">дорогой посетитель</span>...</i><br><br>
  В итоге:<br>Приветствую Вас, <span style="font-family:Courier;">дорогой посетитель</span>...
  </p1></li>

<li><a onclick="var d=document.all.item('css01t002',0); if(d.style.display=='none') d.style.display=''; else d.style.display='none';"><b1>
  font-size
  </b1></a><p class="p1" style='display:none' id="css01t002">
  Описание:<br>Указание размера шрифта для фрагмента текста (можно перечислять несколько параметров через точку с запятой).<br><br>
  Пример:<br><i>Приветствую Вас, <span style="font-size:20;">дорогой посетитель</span>...</i><br><br>
  В итоге:<br>Приветствую Вас, <span style="font-size:20;">дорогой посетитель</span>...
  </p1></li>

</ul></li>

</li></ul>

<li><a onclick="var d=document.all.item('js',0); if(d.style.display=='none') d.style.display=''; else d.style.display='none';"><b1>
JavaScript
</b1></a><ul style='display:none' id="js">

<li><a onclick="var d=document.all.item('js01',0); if(d.style.display=='none') d.style.display=''; else d.style.display='none';"><b1>
 Объект Document
 </b1></a><ul style='display:none' id="js01">

<li><a onclick="var d=document.all.item('js01t001',0); if(d.style.display=='none') d.style.display=''; else d.style.display='none';"><b1>
  write
  </b1></a><p class="p1" style='display:none' id="js01t001">
  Описание:<br>Записывает в текущее место документа ваш текст вместе с тегами и подставляет значения переменных.<br><br>
  Пример:<br><i> MyName = "Вася";<br>document.write("Меня зовут <b>" + MyName + " !</b>");</i><br><br>
  В итоге:<br>Меня зовут <b>Вася !</b>
  </p1></li>

</ul></li>

<li><a onclick="var d=document.all.item('js02',0); if(d.style.display=='none') d.style.display=''; else d.style.display='none';"><b1>
 Объект Window
 </b1></a><ul style='display:none' id="js02">

<li><a onclick="var d=document.all.item('js02t001',0); if(d.style.display=='none') d.style.display=''; else d.style.display='none';"><b1>
  alert
  </b1></a><p class="p1" style='display:none' id="js02t001">
  Описание:<br>Окно системного сообщения с вашим текстом (имя объекта window можно не писать).<br><br>Для разбиения на строки используйте символ \n (а для отступов - \t)<br><br>
  Пример:<br><i>Нажмите <a href="JavaScript:window.alert('Вы меня НАЖАЛИ !!!');">сюда</a>...</i><br><br>
  В итоге:<br>Нажмите <a style="font-size:14;" href="JavaScript:window.alert('Вы меня НАЖАЛИ !!!');">сюда</a>...<br><br>
  Пример 2:<br><i>Нажмите <a href="JavaScript:alert('Вы меня НАЖАЛИ !!!\nА кто вас просил?');">сюда</a>...</i><br><br>
  В итоге 2:<br>Нажмите <a style="font-size:14;" href="JavaScript:alert('Вы меня НАЖАЛИ !!!\nА кто вас просил?');">сюда</a>...
  </p1></li>

</ul></li>

</li></ul>

<li><a onclick="var d=document.all.item('php01',0); if(d.style.display=='none') d.style.display=''; else d.style.display='none';"><b1>
 Работа с текстом
 </b1></a><ul style='display:none' id="php01">

<li><a onclick="var d=document.all.item('php01t001',0); if(d.style.display=='none') d.style.display=''; else d.style.display='none';"><b1>
  Термин 001
  </b1></a><p class="p1" style='display:none' id="php01t001">
  Описание термина ... более подробное ... <img>
  </p1></li>

<li><a onclick="var d=document.all.item('php01t002',0); if(d.style.display=='none') d.style.display=''; else d.style.display='none';"><b1>
  Термин 002
  </b1></a><p class="p1" style='display:none' id="php01t002">
  Описание термина ... более подробное ...
  </p1></li>

</ul></li>

</li></ul>

<li><a onclick="var d=document.all.item('mysql',0); if(d.style.display=='none') d.style.display=''; else d.style.display='none';"><b1>
MYSQL
</b1></a><ul style='display:none' id="mysql">

<li><a onclick="var d=document.all.item('mysql01',0); if(d.style.display=='none') d.style.display=''; else d.style.display='none';"><b1>
 Формат запроса
 </b1></a><ul style='display:none' id="mysql01">

<li><a onclick="var d=document.all.item('mysql01t001',0); if(d.style.display=='none') d.style.display=''; else d.style.display='none';"><b1>
  Термин 001
  </b1></a><p class="p1" style='display:none' id="mysql01t001">
  Описание термина ... более подробное ... <img>
  </p1></li>

<li><a onclick="var d=document.all.item('mysql01t002',0); if(d.style.display=='none') d.style.display=''; else d.style.display='none';"><b1>
  Термин 002
  </b1></a><p class="p1" style='display:none' id="mysql01t002">
  Описание термина ... более подробное ...
  </p1></li>

</ul></li>

</li></ul>

</ol></td></table>
</body></html>

Для пользователей программ BAT или OUTLOOK:

<table width="70%" border="0" cellpadding="25" cellspacing="4" bgcolor="#000088" align="center">
<tr><th bgcolor="#bbbbff"><font color="#ffff77" size="4"><nobr>МОЙ СПРАВОЧНИК</nobr></font></th></tr>
<tr><td bgcolor="#eeeeff"><ol>

</ul></li>

</li></ul>

</ul></li>

</li></ul>

<li><a onclick="var d=document.all.item('js',0); if(d.style.display=='none') d.style.display=''; else d.style.display='none';"><b1>
JavaScript
</b1></a><ul style='display:none' id="js">

</ul></li>

</li></ul>

</ul></li>

</li></ul>

<li><a onclick="var d=document.all.item('mysql',0); if(d.style.display=='none') d.style.display=''; else d.style.display='none';"><b1>
MYSQL
</b1></a><ul style='display:none' id="mysql">

</ul></li>

</li></ul>

</ol></td></table>

ОБРАТНАЯ СВЯЗЬ

Рассылка "САМЫЕ УБОЙНЫЕ АНЕКДОТЫ СЕТИ"

Рассылка "WEB-МАСТЕРСТВО ДЛЯ КАЖДОГО!"

Рассылка "ОБЗОР ИНТЕРЕСНЫХ РАССЫЛОК"

Рассылка "КОСМОС: НОВОСТИ ВСЕЛЕННОЙ"

Рассылка "ЧЕГО НАМ НЕ ХВАТАЕТ В ИГРАХ"

Рассылка "HTML, CSS, JS В ПРИМЕРАХ"

Рассылка "HEROES - НОВЫЕ ИДЕИ"

Мой e-mail: alex_soldier@mail.ru

Мой сайт: "МИР ИДЕЙ"

(C) Copyright 2005 by Alex_soldier

«Каталог»	«Ищи CD»	«Зона И»	«HMM 5»	«WEB»	Мир Идей

В избранное

{#template MAIN} <div id="loginForm" style="display:none;" class="subscriberu_popup"> <div class="popup_register"> {#include js_tmpl_auth_reg_tab} {#if $P.login_register_tab == 1} <form class="authentication-form" method="post" action="/MEMBERLOGIN_authen_cred"> <dl class="rg_block_options"> <dt id="js_tap_panel_auth"> <h1>Войти на сайт</h1> {* {#include js_tmpl_auth_reg_button} *} {#include js_tmpl_auth_reg_action} <hr class="logreg_line noPhones"> <div class="logreg_descr noPhones"><p>{#include js_tmpl_auth_reg_descr} </p></div> <div class="logreg_advice noPhones"> Если вы еще не с нами, то начните с <a href="#" onclick="rgNav('js_tab_reg');return false;" class="dashed" data-func="registr">регистрации</a> </div> <br><br> <a class="dashed auth-enter" href="/manage/author/"><b>Вход для авторов</b></a> </dt> </dl> </form> {#/if} {#if $P.login_register_tab == 2} <div class="rg_block_options"> <div id="js_tap_panel_auth"> <h1>Регистрация</h1> <div class="social_reg"> {* <div class="rg_description">{#include js_tmpl_soc_auth_reg_descr}</div> *} {#include js_tmpl_auth_reg_soc} <div class="rg_soc_auth_agree">{#include js_tmpl_auth_reg_agree}</div> </div> <div class="subscribe_reg"> {* <div class="rg_description"> #include js_tmpl_auth_reg_descr </div> *} {#include js_tmpl_auth_reg_action} </div> {* {#include js_tmpl_auth_reg_button} *} <div class="clr"> </div> <hr class="logreg_line noPhones"> <div class="logreg_descr noPhones">{#include js_tmpl_auth_reg_descr} {#include js_tmpl_soc_auth_reg_descr} </div> </div> </div> {#/if} </div> {* <div class="gray_bg register_shadow"></div> *} </div> {#/template MAIN} {#template js_tmpl_auth_reg_tab} <ul class="rg_nav"> <li id="js_tab_auth" class="{#if $P.login_register_tab == 1} rg_active_nav {#/if} rg_first_nav"><a onclick="rgNav('js_tab_auth');return false;" href="">Вход на сайт</a></li> <li id="js_tab_reg" class="{#if $P.login_register_tab == 2} rg_active_nav {#/if}"><a onclick="rgNav('js_tab_reg');return false;" href="">Регистрация </a></li> </ul> <span onclick="hidebo();" class="rg_closed"> </span> {#/template js_tmpl_auth_reg_tab} {#template js_tmpl_auth_reg_action} {#if $P.login_register_tab == 1} {#include js_tmpl_auth_reg_soc} {#/if} <div class="rg_forms"> <input type="hidden" id="login_register_destination" value="{$P.login_register_destination}"/> {#if $P.login_register_tab == 1} <div class="rg_for_input"> <span class="rg_text_inner">E-mail или код подписчика</span> <input id="credential_0" class="js_keydown_selector rg_input_text" data-js_submit="no" data-js_next_input_name="credential_1" name="" type="text" /> </div> <div class="rg_for_input"> <span class="rg_text_inner">Пароль</span> <input id="credential_1" class="js_keydown_selector rg_input_text" data-js_submit="yes" data-js_action="js_loginFormBut" name="" type="password" onkeyup="showAttention(this,!!window.event.shiftKey)" /> <span class="pswd_attention" id="attention_pswd"> <span class="icon_attention"></span> <span class="pswd_attention-text" id="attention-text_pswd1">Русская раскладка клавиатуры!</span> <span class="pswd_attention-text" id="attention-text_pswd2">У вас включен Caps Lock!</span> <span class="pswd_attention-text" id="attention-text_pswd3">У вас включен Caps Lock и русская раскладка клавиатуры!</span> </span> </div> <div class="rg_for_input input-alien"> <span class="chk noPhones"><input id="chk_alien" name="" type="checkbox" /></span><label for="chk_alien" class="noPhones"> Чужой компьютер</label> <a class="forgot_pass" href="/member/totalrecall">Забыли пароль?</a> </div> <div class="rg_for_input"> <em id="auth_msg" class="reg_error"></em> <input id="lf_typeauthid" value="email" type="hidden"> <input type="submit" class="button button-red logreg_submit" id="js_loginFormBut" value="Войти">  <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> </div> {#/if} {#if $P.login_register_tab == 2} <div class="rg_for_input"> <span class="rg_text_inner">E-mail</span> <input id="arfemail" class="js_keydown_selector rg_input_text" name="" type="text" data-js_submit="yes" data-js_action="js_regFormBut"/> </div> <div class="rg_for_input rg_set_lineh rg_for_input_wide"> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_terms' type="checkbox" data-js_submit="yes" /></span> Я ознакомился и согласен с <a class="link_txd logreg_accLink" href="/faq/vereinbarung.html">условиями сервиса Subscribe.ru</a> </label> <br /> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_personal' type="checkbox" data-js_submit="yes" /></span> Нажимая на кнопку "Готово!", я даю <a class="link_txd logreg_accLink" href="/faq/persverordnung.html">согласие на обработку персональных данных</a> </label> </div> {* <div style="float: left;position: absolute;left: 11em;"> <img src="http://www.kupivip.ru/images/vip/logo.png?1604" style="width: 86px; vertical-align: middle;display: block;"> </div> <div class="rg_for_input rg_set_lineh"> <label class="js_tap_panel_checkbox"><input name="" id="js_tap_panel_checkbox_kupivip" type="checkbox" data-js_submit="yes"> Я хочу получать новости о скидках на одежду</label> </div> *} <div class="rg_for_input"> <em id="reg_msg" class="reg_error rg_for_input_wide"></em> <em id="reg_msg2" class="reg_error rg_for_input_wide"></em> <input id="rf_typeauthid" value="email" type="hidden"> <a class="button button-red logreg_submit" id="js_regFormBut" href="#">Готово!</a> <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> </div> {#/if} </div> {#/template js_tmpl_auth_reg_action} {#template js_tmpl_auth_reg_agree} <div class="rg_for_input rg_set_lineh rg_for_input_wide"> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_terms_reg' type="checkbox" data-js_submit="yes" /></span> Я ознакомился и согласен с <a class="link_txd logreg_accLink" href="/faq/vereinbarung.html">условиями сервиса Subscribe.ru</a></label> <em id="reg_msg_soc" class="reg_error rg_for_input_wide"></em> </div> {#/template js_tmpl_auth_reg_agree} {#template js_tmpl_auth_reg_button} <div class="rg_butons_socials"> {#if $P.login_register_tab == 1} <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="auth_email" href="#"><span><i></i>Email</span></a> <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="auth_openid" href="#"><span><i></i>OpenID</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="auth_vkontakte" href="#"><span><i></i>Вконтакте</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="auth_mailru" href="#"><span><i></i>Mail.Ru</span></a> {#/if} {#if $P.login_register_tab == 2} <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="reg_email" href="#"><span><i></i>Email</span></a> <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="reg_openid" href="#"><span><i></i>OpenID</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="reg_vkontakte" href="#"><span><i></i>Вконтакте</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="reg_mailru" href="#"><span><i></i>Mail.Ru</span></a> {#/if} </div> {#/template js_tmpl_auth_reg_button} {#template js_tmpl_auth_reg_descr} {#if $P.login_register_tab == 1} Для оформления подписки на выбранную рассылку, работы с интересующей вас группой или доступа в нужный вам раздел, просим авторизоваться на Subscribe.ru {#/if} {#if $P.login_register_tab == 2} Для регистрации укажите ваш e-mail адрес. Адрес должен быть действующим, на него сразу после регистрации будет отправлено письмо с инструкциями и кодом подтверждения. {#/if} {#/template js_tmpl_auth_reg_descr} {#template js_tmpl_soc_auth_reg_descr} Или зарегистрируйтесь через социальную сеть. {#/template js_tmpl_soc_auth_reg_descr} {#template js_tmpl_auth_reg_soc} <div class="rg_soc"> {#if $P.login_register_tab == 1} <a onclick="return _checkSocConfirm(event)" href="https://oauth.vk.com/authorize?client_id=3954260&scope=wall,offline,photos,groups,video,audio,email&redirect_uri={location.protocol+'//'+location.host}/member/login/vk/&response_type=code&v=5.15" class="login_register_vk_button"> <span class="login_register_vk_icon"></span> </a> {#/if} {#if $P.login_register_tab == 2} <a onclick="return _checkSocConfirm(event)" href="https://oauth.vk.com/authorize?client_id=3954260&scope=wall,offline,photos,groups,video,audio,email&redirect_uri={location.protocol+'//'+location.host}/member/join/vk&response_type=code&v=5.15" class="login_register_vk_button"> <span class="login_register_vk_icon"></span> </a> {#/if} </div> {#/template js_tmpl_auth_reg_soc}

{#template MAIN} <div id="loginForm" style="display:none;" class="subscriberu_popup"> <div class="popup_register"> {#include js_tmpl_auth_reg_tab} <dl class="rg_block_options"> <dt id="js_tap_panel_auth"> <p class="rg_description">{#include js_tmpl_auth_reg_descr}</p> <div class="clr"> </div> {#include js_tmpl_auth_reg_action} <div class="clr"> </div> </dt> </dl> </div>  </div> {#/template MAIN} {#template js_tmpl_auth_reg_tab} <ul class="rg_nav"> <li id="js_tab_reg" class="rg_active_nav rg_first_nav"><a href="" onclick="return false;" >Регистрация</a></li> </ul> <span onclick="hidebo();" class="rg_closed"> </span> {#/template js_tmpl_auth_reg_tab} {#template js_tmpl_auth_reg_descr} <strong>Пожалуйста, подтвердите ваш адрес.</strong><br><br>Вам отправлено письмо для подтверждения вашего адреса {$P.register_confirm_mail}.<br>Для подтверждения адреса перейдите по ссылке из этого письма. {#/template js_tmpl_auth_reg_descr} {#template js_tmpl_auth_reg_action} <div class="rg_forms confirm_code_from_letter"> <div class="rg_for_input"> <span class="rg_inp_descr" style="width:15em;">Или введите код из письма:</span> <input type="text" value="" id="confirm_code" name="" data-js_submit="yes" data-js_action="js_confirmFormBut" class="js_keydown_selector rg_input_text_conf" > </div> <div class="rg_for_input"><label>Не пришло письмо? <b>Пожалуйста, проверьте папку Спам</b><br /> (папку для нежелательной почты).</label><br /> <a href="" onclick="ajax_recall_code();return false" >Вышлите мне письмо еще раз!</a></div> <div class="rg_for_input"> <em class="reg_error" id="confirm_msg"></em> <a href="#" class="button button-red" id="js_confirmFormBut">Готово</a> <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> <br> </div> </div> {#/template js_tmpl_auth_reg_action}