Загрузка не всей страницы, а части.

Загрузка не всей страницы, а части.

Опции

goodsik

Topic Starter сообщение

13.12.2011, 2:15; Ответить: goodsik

Сообщение #1

0

Группа: User
Сообщений: 20
Регистрация: 13.12.2011
Поблагодарили: 0 раз
Репутация:

0

Сделал частичную загрузку страницы
----------------------
|............................. |
|.. баннер контакты... |
-----------------------
| ......| .....................|
|меню| .....сюда ........|
| ......| ....должно...... |
| ......| .....все.......... |
| ......| загружаться ...|
|...... | .....................|
|...... | .....................|
|...... | .....................|
------------------------

<!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>Frame site Maket by HTML.BY team</title>

<style type="text/css">

</style>

</head>

<body>

<div class="cont">

<div class="head">
<p>БАННЕР, КОНТАКТЫ</p>
</div>

<div class="nav">
<a href="page1.html" target="content">СТРАНИЦА 1</a>
<a href="page2.html" target="content">СТРАНИЦА 2</a>
<a href="page3.html" target="content">СТРАНИЦА 3</a>
<a href="page4.html" target="content">СТРАНИЦА 4</a>
<a href="page5.html" target="content">СТРАНИЦА 5</a>
<a href="page6.html" target="content">СТРАНИЦА 6</a>
<a href="page7.html" target="content">СТРАНИЦА 7</a>
</div>

<iframe name="content" frameborder="0"></iframe>

</div>

</body>

И ещё сделал просмотр фотографий вот этим скриптом lightbox http://www.huddletogether.com/projects/lightbox2/. Это скрипт делает просмотр фото на всю страницу. Но если совмещать эти два действия, то просмотр фотографий получается только на тот участок страницы, который меняется. Как это можно исправить?

0

Ответить с цитированием данного сообщения

Den1xxx Den1xxx 13.12.2011, 9:19; Сообщений: 2503 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	13.12.2011, 9:19; Ответить: Den1xxx Сообщение #2
0 Группа: User Сообщений: 2503 Регистрация: 24.5.2011 Поблагодарили: 0 раз Репутация: 0	(goodsik @ 13.12.2011, 05:15) Как это можно исправить? Никак. Вы встроили в страницу фрейм — а это считается отдельной страницей. То есть фото не могут выходить за границу фрейма Если был бы блок, этой проблемы не возникло бы. Попробуйте заменить фрейм на блок и вставлять контент яваскриптом. http://xpoint.ru/forums/programming/javasc...c/faq.xhtml#750 Можно ещё попробовать все размеры на странице задать не фиксированными, а в процентах, но последствия непредсказуемы. А вообще чтобы так не корячиться, лучше использовать PHP или на крайний случай SSI

goodsik Topic Starter goodsikTopic Starter 13.12.2011, 13:13; Сообщений: 20 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	Topic Starter 13.12.2011, 13:13; Ответить: goodsik Сообщение #3
0 Группа: User Сообщений: 20 Регистрация: 13.12.2011 Поблагодарили: 0 раз Репутация: 0	(Den1xxx @ 13.12.2011, 12:19) Попробуйте заменить фрейм на блок и вставлять контент яваскриптом. http://xpoint.ru/forums/programming/javasc...c/faq.xhtml#750 А можете рассказать поподробнее? Грубо говоря, разжевать... :) Потому что я совсем недавно только освоил html c табличной вёрсткой, и для меня скрипты - это тёмный лес.

Den1xxx Den1xxx 13.12.2011, 13:57; Сообщений: 2503 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	13.12.2011, 13:57; Ответить: Den1xxx Сообщение #4
0 Группа: User Сообщений: 2503 Регистрация: 24.5.2011 Поблагодарили: 0 раз Репутация: 0	<html> <body> <div class="nav"> <a name="topmenu" /> <a href="#topmenu" onclick="openPage ('page1.html');return false;">СТРАНИЦА 1</a> <a href="#topmenu" onclick="openPage ('page2.html');return false;">СТРАНИЦА 2</a> <a href="#topmenu" onclick="openPage ('page3.html');return false;">СТРАНИЦА 3</a> </div> <!--В нижеследующем блоке яваскриптом подгрузится контент--> <div id='pagecontent'></div> <!--Этот скрипт лучше вставлять в конце страницы--> <script> function loadHTML(sURL) { var request=null; // пытаемся создать объект для MSXML 2 и старше if(!request) try { request=new ActiveXObject('Msxml2.XMLHTTP'); } catch (e){} // не вышло... попробуем для MSXML 1 if(!request) try { request=new ActiveXObject('Microsoft.XMLHTTP'); } catch (e){} // не вышло... попробуем для Mozilla if(!request) try { request=new XMLHttpRequest(); } catch (e){} if(!request) // ничего не получилось... return ""; // делаем запрос request.open('GET', sURL, false); request.send(null); // возвращаем текст return request.responseText; } function openPage (sURL) { mypagecontent = document.getElementById('pagecontent') mypagecontent.innerHTML = loadHTML(sURL); } </script> </body> </html>

goodsik

Topic Starter сообщение

13.12.2011, 15:48; Ответить: goodsik

Сообщение #5

0

Группа: User
Сообщений: 20
Регистрация: 13.12.2011
Поблагодарили: 0 раз
Репутация:

0

Я вообще запутался

<!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=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
<title>Документ без названия</title>
</head>

<body>

<table cellpadding="0" cellspacing="0" border="0" align="center" class="table">
<tr>
<td>
<div class="shapka"><img src="images/Shapka.png" width="1024" height="246" border="0" /></div>
<div class="fon_left"><img src="images/fon_left.jpg" width="329" height="964" border="0" /></div>
<div class="fon_right"><img src="images/fon_center.jpg" width="695" height="964" border="0" /></div>
<div class="footer"><img src="images/footer.png" width="1024" height="135" border="0" /></div>
<div class="verevka"><img src="images/verevka.png" width="214" height="153" border="0" /></div>
<div><a href="#" class="menu_1"></a></div>
<div><img src="images/cepi.png" width="226" height="64" border="0" class="cepi"/></div>
<div><a href="#" target="content" class="menu_2"></a></div>
<div><img src="images/cepi.png" width="226" height="64" border="0" class="cepi_1"/></div>
<div><a href="page2.html" class="menu_3"></a></div>
<div><img src="images/cepi.png" width="226" height="64" border="0" class="cepi_2"/></div>
<div><a href="#" class="menu_4"></a></div>
<div><a href="page1.html target="content" class="menu_top_1"></a></div>
<div><a href="#" class="menu_top_2"></a></div>
<div><a href="#" class="menu_top_3"></a></div>
<table cellpadding="0" cellspacing="0" border="0" class="center">
<tr>
<td valign="top" width="620" height="860">
<div class="nav>
<a name="topmenu" />
<a href="#topmenu" onclick="openPage ('page2.html');return false;"></a>

</div>
<div id='pagecontent'></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<script>
function loadHTML(sURL)

{
var request=null;
// пытаемся создать объект для MSXML 2 и старше
if(!request) try {
request=new ActiveXObject('Msxml2.XMLHTTP');
} catch (e){}
// не вышло... попробуем для MSXML 1
if(!request) try {
request=new ActiveXObject('Microsoft.XMLHTTP');
} catch (e){}
// не вышло... попробуем для Mozilla
if(!request) try {
request=new XMLHttpRequest();
} catch (e){}
if(!request)
// ничего не получилось...
return "";
// делаем запрос
request.open('GET', sURL, false);
request.send(null);
// возвращаем текст
return request.responseText;
}

function openPage (sURL) {
mypagecontent = document.getElementById('pagecontent')
mypagecontent.innerHTML = loadHTML(sURL);
}
</script>
</body>
</html>

Что не так?

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

« Предыдущая тема · Программная часть · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Нужно ли закрывать ненужные страницы тегом noindex, follow?	8	noviktamw	2917	2.3.2024, 12:53 автор: toplinks
BuxarVideoUploader - Автоматическое скачивание и загрузка видео из любых/ на любые видео хостинги (YouTube, TikTok, Instagram, Facebook, Яндекс Дзен, Вконтакте, Одноклассники, Rutube, Dailymotion, d.tube, Telegram и т.д.	0	BuxarNET	1228	19.7.2023, 5:58 автор: BuxarNET
Сверстать страницы из figma нужно сделать страницы для веб приложения	1	bluestorm	1297	7.6.2022, 18:11 автор: doharddocode
Подобрать группы и страницы и разместить ссылку	4	Lacomka	3414	21.2.2022, 8:43 автор: АлексейWEB
Верстка и внедрение на сайт макета главной страницы Требуется: с Figma на Laravel	2	ARsHi	1673	27.3.2021, 0:57 автор: Ogaelath