Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Как одну web страницу сделать элементом другой?

Обсуждение темы Как одну web страницу сделать элементом другой? в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Суть проблемы: Есть две разные web страницы на жестком диске. Нужно одну из страниц вставить в div тег другой. Если подскажите как это ...


Закрытая тема
 
Опции темы
Старый 29.04.2012, 16:29   #1
Суть проблемы: Есть две разные web страницы на жестком диске. Нужно одну из страниц вставить в div тег другой. Если подскажите как это сделать в DreamWeavere буду вдвойне благодарен! Заранее спасибо!
P.S. Пытаюсь сделать электронный учебник
 
Старый 29.04.2012, 16:29
Ссылки
Старый 29.04.2012, 20:11   #2
Хм ... если я правильно полагаю, то

1) Когда то все было на Iframe /

http://htmlbook.ru/html/iframe

2) Использовать JavaScript / модальное подключение страницы на основе AJAX

а) Подключаете себе Jquery на страницу
б) Между тегами <head> </head> или перед закрывающим тегом </body>
вставляете:
<script> $("#area").load("something.html"); </script>
в) И в определенный div будет загружен контент

<div id="area">

<!-- СОДЕРЖИМОЕ -->

</div>
 
Старый 29.04.2012, 21:08   #3
Не совсем так. Есть html-страница, в которой содержится материал. Хочется ее вставить в оболочку, которую я сделал из Div-тегов в Dreamweavere. Пробовал вариант №2, предложенный Вами.

1.Между тегами head прикрепил библиотеку:
<script type="text/javascript" src="jquery-1.7.2.min.js"\>;
</script>

2 .Далее
<div id="content">
<script type="text/javascript">$('#content').load('ogl1.html');</script>
</div>

Результата нет.
Скриншот оболочки прилагаю.
Изображения
Тип файла: jpg screen.jpg (156.0 Кб, 9 просмотров)
 
Старый 29.04.2012, 21:20   #4
Ну не знаю ...
Это классический был способ как выводить html с помощью AJAX

Везде опираются на метод .load()

Вот вам пример даже с похожим советом: http://zarabotat-na-sajte.ru/uroki-h...owyu-ajax.html
 
Старый 29.04.2012, 21:30   #5
Спасибо! Буду разбираться. Возможно, что где-то что-то сделал не так.
 
Старый 30.04.2012, 21:39   #6
Выводить одну страницу на другой получилось. Только почему-то элементы на ней смещаются один относительно другого и она вылазит за границы требуемого div тега
 
Старый 30.04.2012, 22:00   #7
Ну это на CSS нужно прорабатывать!

Вам нужно тот блок (в который выводили) - зафиксировать!
#area {width: 500px; height: 500px; overflow: auto;}

ну и тд .. свои размеры там поставите и прочее
 
Старый 30.04.2012, 22:00   #8
Если, что код в студию предоставьте (сюда то есть)
 
Старый 30.04.2012, 22:54   #9
Я тут пример гипотетический взял, чтобы разобраться. Вот в apDiv4 пытаюсь всунуться.

<!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" />
<title>as</title>
<style type="text/css">
#apDiv1 {
position:fixed;
width:100%;
height:115px;
z-index:2;
left: 1px;
top: 1px;
background-color: #00FFCC;
}
#apDiv3 {
position:absolute;
left:11px;
top:115px;
width:179px;
height:300%;
z-index:1;
background-color: #9966CC;
}
#apDiv4 {
position:absolute;
left:191px;
top:132px;
width:732px;
height:411px;
z-index:1;
background-color: #FFFFCC;
}
</style>
<script type="text/javascript" src="jquery-1.7.2.js"\>;
</script>

</head>

<body>
<div id="apDiv3"></div>
<div id="apDiv4">
<script type="text/javascript">$('#apDiv4').load('as.html');</script></div>
<div id="apDiv1"></div>
</body>
</html>
 
Старый 01.05.2012, 00:37   #10
Ну если я правильно вас понял! То результат должен быть таким (опираясь на предложенный вами макет) :
demo.zip

Я набросал макет и оформил в должном образе ... если что не так спрашивайте!
 
Этот пользователь сказал спасибо maxefect за это полезное сообщение:
AsBurst (01.05.2012)
Старый 01.05.2012, 00:37
Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Тарифный план «Lite»
Место: 1000 Мб
Трафик: неограниченный
Панель управления
Заказать ТП «Lite»
Тарифный план «Normal»
Место: 2000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Normal»
Тарифный план «Profy»
Место: 7000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Profy»
Тарифный план «Места хватит!»
Место: 25 ГБ
Трафик: неограниченный
Поддержка SSI, ssh
Заказать ТП «Места хватит!»
Дизайнерский форум