Подгрузить код HTML из внешнего файла - HTML и CSS

Gladunin-Urii · 10.08.2009, 09:59

Подскажите как загрузить HTML код из внешнего файла на страницу

SkyM@n · 10.08.2009, 10:11

Можно инлайн-фреймом (хотя простым тоже можно):
<IFRAME src="foo.html" width="400" height="500" scrolling="auto" frameborder="1">

Gladunin-Urii · 10.08.2009, 10:24

А если без использования фреймов.

SkyM@n · 10.08.2009, 11:25

А почему без?
Ну в таком случае просто ХТМЛом не обойтись. Тогда надо уже будет совмещать и джаваскрипт, а если та страница будет динамической, то и РНР можно подключить.
Но, думаю, вариант на JavaScript вас устроит?

Gladunin-Urii · 10.08.2009, 11:32

Устроит, поможете с кодом?

SkyM@n · 10.08.2009, 11:41

Ок, будем использовать библиотеку jQuery.

Код HTML:

<!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" xml:lang="ru" lang="ru"> 
<head>
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
   $("#but").click(function(){
      $("#newpage").load("/newpage.html");
   });
})
</script>
</head>
<body>
<input type="button" id="but" value="Load new!" />
<div id="newpage">Этот текст заменится другим после нажатия на кнопку :) </div></body>
</html>

У вас в корне сайта должна лежать страница /newpage.html, чтобы работал этот пример. Ну или измените его под себя.

МОжет есть неточности - писал по памяти

Gladunin-Urii · 10.08.2009, 12:07

А можно без использования кнопки? Вот так?

Код HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){

      $("#newpage").load("newpage.html");

})
</script>
</head>
<body>
<div id="newpage"></div>
</body>
</html>

SkyM@n · 10.08.2009, 12:13

Ага. А что, не пашет?

Gladunin-Urii · 10.08.2009, 12:16

Все работает, большое Вам спасибо

spein · 10.08.2009, 12:23

лучше так

Код:

<script type="text/javascript">
$(document).ready(function(){

      $(this).load("newpage.html");

});
</script>

10.08.2009, 09:59	#1
Gladunin-Urii Регистрация: 10.08.2009 Сообщений: 8	Подгрузить код HTML из внешнего файла Подскажите как загрузить HTML код из внешнего файла на страницу

10.08.2009, 12:23	#10
spein Программист Форумчанин Регистрация: 27.02.2009 Сообщений: 505	лучше так Код: `<script type="text/javascript"> $(document).ready(function(){ $(this).load("newpage.html"); }); </script>` there are no limits when you're software engineer

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
составить матрицу из данных внешнего файла	Petruha-nsk	Общие вопросы C/C++	2	11.04.2009 16:58
подгрузить код на все страници!	memka	PHP	6	05.04.2009 18:29
Задача по PASCAl. Помогите сделать. надо чтоб из внешнего файла	Waia	Помощь студентам	1	02.12.2008 09:10
Программа по взятию инфромации из внешнего файла	Stelix	Помощь студентам	2	18.02.2008 01:13

10.08.2009, 10:11	#2
SkyM@n Laravel/Vue expert Старожил Подтвердите свой е-майл Регистрация: 08.08.2007 Сообщений: 2,832	Можно инлайн-фреймом (хотя простым тоже можно): <IFRAME src="foo.html" width="400" height="500" scrolling="auto" frameborder="1">

10.08.2009, 10:24	#3
Gladunin-Urii Регистрация: 10.08.2009 Сообщений: 8	А если без использования фреймов.

10.08.2009, 11:25	#4
SkyM@n Laravel/Vue expert Старожил Подтвердите свой е-майл Регистрация: 08.08.2007 Сообщений: 2,832	А почему без? Ну в таком случае просто ХТМЛом не обойтись. Тогда надо уже будет совмещать и джаваскрипт, а если та страница будет динамической, то и РНР можно подключить. Но, думаю, вариант на JavaScript вас устроит?

10.08.2009, 11:32	#5
Gladunin-Urii Регистрация: 10.08.2009 Сообщений: 8	Устроит, поможете с кодом?

10.08.2009, 12:13	#8
SkyM@n Laravel/Vue expert Старожил Подтвердите свой е-майл Регистрация: 08.08.2007 Сообщений: 2,832	Ага. А что, не пашет?

10.08.2009, 12:16	#9
Gladunin-Urii Регистрация: 10.08.2009 Сообщений: 8	Все работает, большое Вам спасибо