RusFAQ.ru: Элементы HTML (inet.webbuild.faqhtml) : Рассылка : Subscribe.Ru

Подписаться Бесплатная «Золотая» новостная рассылка . Подписчиков 1.389 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 дней ни разу не выходила

Открыта: 02-06-2005

Автор

Калашников О.А.

Статистика

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

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

RusFAQ.ru: Элементы HTML

Информационный Канал Subscribe.Ru

РАССЫЛКИ ПОРТАЛА RUSFAQ.RU

/ КОМПЬЮТЕРЫ И ПО / Дизайн / web-дизайн / Элементы HTML
Выпуск № 122
от 29.01.2006, 12:12

Администратор:	3BEPEK
В рассылке:	Подписчиков: 195, Экспертов: 46
В номере:	Вопросов: 1, Ответов: 6

Вопрос № 33962: Приветики ещё раз... Спасибо за все ответы, все замечательно работает, но возникла идея съэкономить трафик при просмотре своего сайта другими интересующимися. Идея такая: Есть сайт с постоянным (не изменяющимся) заголовком в таблице и лев...

Вопрос № 33.962

Приветики ещё раз...
Спасибо за все ответы, все замечательно работает, но возникла идея съэкономить трафик при просмотре своего сайта другими интересующимися.
Идея такая:
Есть сайт с постоянным (не изменяющимся) заголовком в таблице и левой панелью меню. Конструктивно меняется только внутреннее содержимое.
Вопрос: как сделать так, что бы эти статические элементы не перегружались со всем остальным контентом.
Оговорюсь сразу, структура сайта создана с помощью таблиц. Фреймы не предлагать, много места лишнего воруют...
У кого какие идеи...

Отправлен: 24.01.2006, 12:09
Вопрос задал: Exchang (статус: Посетитель)
Всего ответов: 6
Мини-форум вопроса >>> (сообщений: 2)

Отвечает: Straight
Здравствуйте, Exchang!

Формировать панель меню через функцию в JavaScript. Функцию вынести в отдельный файл, который будет кешироваться в броузере.
Но я бы не советовал этого делать - тогда поисковые роботы Ваше меню не проиндексируют.

Ответ отправил: Straight (статус: 5-ый класс)
Отправлен: 24.01.2006, 12:27

Отвечает: D.N.S
Здравствуйте, Exchang!
Есть технология AJAX.
почитать о ней можешь здесь:
http://ru.wikipedia.org/wiki/Ajax

Ответ отправил: D.N.S (статус: 5-ый класс)
Отправлен: 24.01.2006, 13:20

Отвечает: spider
Здравствуйте, Exchang!
FrameSet ata Tag dlea vsiu stranitzu!!
A dlea apredelounuiu mesto esti tag iframe
syntax:
<iframe src="http://" width="xx" height="xx"></iframe>
ih nelzea manipulirovat' na primuiu no mojno simulirovati manipuliatziu:
<div name="myframe"><iframe src="http://" width="xx" height="xx"></iframe></div>
<script>
function getPage(page) {
myframe.innerHTML='<iframe src="http://' + page + '" width="xx" height="xx"></iframe>';
}
</script>
---------
Vse ili nicevo (Iziki programirovanie)

Ответ отправил: spider (статус: 9-ый класс)
Отправлен: 24.01.2006, 14:21

Отвечает: Cтепанов Андрей Валерьевич
Здравствуйте, Exchang!
Тогда используйте технологию AJAX
---------
Все мы будем в аду, но я буду с вилами!!

Ответ отправил: Cтепанов Андрей Валерьевич (статус: 4-ый класс)
Отправлен: 24.01.2006, 19:24

Отвечает: Лучников Юрий Владимирович
Здравствуйте, Exchang!
Скорее всего никак.
Можно ухитриться с использованием javaScript, но игра не будет стоить свеч.
Сам HTML код весит не так уж много... А графические элементы буферизируются браузером - так что по идее они перегружаться не должны...

Успехов!

Ответ отправил: Лучников Юрий Владимирович (статус: Студент)
Отправлен: 25.01.2006, 01:42

Отвечает: maxvtch
Здравствуйте, Exchang!
Можно использовать Яву...
А если содержимое нескольких страниц у Вас сходное по теме и не слишком тяжелое, попробуйте поэксперементировать с приведенным в Приложении кодом. Используются таблицы, части текста скрываются по мере перехода по ссылкам. Может быть что-то и пригодится в дальнейшем.

Удачи!
Приложение:
<html> <head> <title>часть 1</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="style.css"> <style> BODY { FONT-SIZE: 11px; FONT-FAMILY: Verdana,Arial } TABLE { border: 0px outset gainsboro; text-align: center; width: 100%; } TH { color: lightgrey; font-size: smaller; text-align: center; } TR { vertical-align: top; border: 0px inset gainsboro; empty-cells: show; padding: 2px; text-align: left; } TR.right { text-align: right; } DIV.title { font-size: x-large; width: 100%; border: 3px outset lightgrey; text-align: center; font-weight: bold; background-color: gainsboro; color: midnightblue; margin-bottom: 10px; } H1 { border-bottom: 2px solid lightgrey; text-align: center; } H2 { border-bottom: 2px solid lightgrey; text-align: center; } H3 { border-bottom: 1px solid lightgrey; text-align: center; } TR:Hover { background-color: gainsboro; } DIV.hidden { visibility: hidden; position: absolute; width: 100%; } TABLE.tabpages { border: none; width: 100% } TR.tab { vertical-align: top; border: 2px outset gainsboro; padding: 2px; background-color: midnightblue; cursor: pointer; } TR.tab_hover { border: 2px outset lightgrey; background-color: gainsboro; cursor: pointer; } TR.activetab { vertical-align: top; border: 2px outset lightgrey; padding: 2px; background-color: lightgrey; color: navy; cursor: default; } </style> </head> <body> <div class="title">Форматы исходных и промежуточных изображений</div> <table width="20%" border="2" cellspacing="2" cellpadding="2"> <tr width="20%"> <td width="20%"> <table class="tabpages" width="100%"> <colgroup> <col width="1*"> <col width="1*"> <col width="1*"> <col width="1*"> <col width="1*"> </colgroup> <tr> <tr class="tab" id="a_d_basic" onclick="showDiv('d_basic');" onmouseover="tabHover('a_d_basic', true);" onmouseout="tabHover('a_d_basic', false);">Формат PSD</td> <tr class="tab" id="a_d_awards" onclick="showDiv('d_awards');" onmouseover="tabHover('a_d_awards', true);" onmouseout="tabHover('a_d_awards', false);">Формат TIFF</td> <tr class="tab" id="a_d_ladders" onclick="showDiv('d_ladders');" onmouseover="tabHover('a_d_ladders', true);" onmouseout="tabHover('a_d_ladders', false);">Формат BMP</td> <tr class="tab" id="a_d_botstats" onclick="showDiv('d_botstats');" onmouseover="tabHover('a_d_botstats', true);" onmouseout="tabHover('a_d_botstats', false);">Формат TGA</td> <tr class="tab" id="a_d_teamstats" onclick="showDiv('d_teamstats');" onmouseover="tabHover('a_d_teamstats', true);" onmouseout="tabHover('a_d_teamstats', false);">Формат JPEG</td> </tr> </table> </td> <td> <div id="d_basic" class="hidden"> <h1>Формат PSD</h1> <table id="t_basic" width="100%"> <p align="justify"><a name="1"></a>Формат PSD</P> <p align="justify">бла-бла-бла-1</P> </table> </div> <div id="d_awards" class="hidden"> <h1>Формат TIFF</h1> <table id="t_sprees"> <p align="justify"><a name="2"></a>Формат TIFF </P> <p align="justify">бла-бла-бла-2</P> </table> </div> <div id="d_ladders" class="hidden"> <h1>Формат BMP</h1> <table id="t_ladders"> <p align="justify"> <a name="3"></a>Формат BMP </P> <p align="justify"> бла-бла-бла-3</P> </table> </div> <div id="d_botstats" class="hidden"> <h1>Формат TGA</h1> <table id="t_botstats"> <p align="justify"><a name="4"></a>Формат TGA</P> <p align="justify">бла-бла-бла-4</P> </table> </div> <div id="d_teamstats" class="hidden"> <h1>Формат JPEG</h1> <table id="t_teamstats"> <p align="justify"><a name="5"></a>Формат JPEG </P> <p align="justify">бла-бла-бла-5</P> </table> </div> </table> </table> </br> </div> </td> </table> <script language="javascript"> curtd = null; curlb = null; function showDiv(divname) { seltd = document.getElementById(divname); if (curtd && seltd == curtd) return; seltd.style.visibility = 'visible'; if (curtd) curtd.style.visibility = 'hidden'; curtd = seltd; seltb = document.getElementById("a_"+divname); seltb.className = "activetab"; if (curlb) curlb.className = "tab"; curlb = seltb; } function tabHover(divname, active) { hovertd = document.getElementById(divname); if (hovertd == curlb) return; if (hovertd) { if (active) hovertd.className = "tab_hover" else hovertd.className = "tab"; } } showDiv("d_basic"); </script> </body> </html>

Ответ отправил: maxvtch (статус: 9-ый класс)
Отправлен: 25.01.2006, 07:39

Отправить вопрос экспертам этой рассылки

Приложение (если необходимо):

* Код программы, выдержки из закона и т.п. дополнение к вопросу.
Эта информация будет отображена в аналогичном окне как есть.

Обратите внимание!
Вопрос будет отправлен всем экспертам данной рассылки!
Для того, чтобы отправить вопрос выбранным экспертам этой рассылки или
экспертам другой рассылки портала RusFAQ.ru, зайдите непосредственно на RusFAQ.ru.

Форма НЕ работает в почтовых программах The BAT! и MS Outlook (кроме версии 2003+)!
Чтобы отправить вопрос, откройте это письмо в браузере или зайдите на сайт RusFAQ.ru.

© 2001-2006, Портал RusFAQ.ru, Россия, Москва. Идея, дизайн, программирование: Калашников О.А. Email: adm@rusfaq.ru, Тел.: +7 (926) 535-23-31 Авторские права \| Реклама на портале

Subscribe.Ru
Поддержка подписчиков
Другие рассылки этой тематики
Другие рассылки этого автора

Подписан адрес:
Код этой рассылки: inet.webbuild.faqhtml
Архив рассылки

Отписаться Вебом Почтой
Вспомнить пароль

В избранное

{#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}

RFpro.ru: Элементы HTML и CSS

Статистика

RusFAQ.ru: Элементы HTML

/ КОМПЬЮТЕРЫ И ПО / Дизайн / web-дизайн / Элементы HTMLВыпуск № 122от 29.01.2006, 12:12

Отправить вопрос экспертам этой рассылки

/ КОМПЬЮТЕРЫ И ПО / Дизайн / web-дизайн / Элементы HTML
Выпуск № 122
от 29.01.2006, 12:12