Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/13: Рейтинг темы: голосов - 13, средняя оценка - 5.00
12 / 12 / 1
Регистрация: 16.07.2012
Сообщений: 777

Вывод содержания div другого файла

28.06.2016, 17:58. Показов 2661. Ответов 6
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый день!
Мне требуется вывести содержание <div id="container"> находящегося в файле 2.html
Не выводится.
Что я не правильно сделал?

Файл 1.html
PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="/js/jquery-3.0.0.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Документ без названия</title>
 
</head>
 
<body>
 
 
<script> 
jQuery('#result').load('/2.html #container');
</script>
 
</body>
</html>
Файл 2.htm (из которого необходимо забрать содержимое <div id="container"> и вывести на экран)
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Документ без названия</title>
</head>
 
<body>
<div id="container">
<p>текст контейнер</p>
</div>
</body>
</html>
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
28.06.2016, 17:58
Ответы с готовыми решениями:

При нажатии на ссылку/кнопку подгрузить <div> с другого файла
Помогите пожалуйста. При нажатии на ссылку в первом файле нужно чтоб определенный блок &lt;div&gt; из второго файла отобразился в...

Автозамена содержания div-а
Здравствуйте. Необходимо сделать автоматический конвертер валют, т.е., в исходном тексте стоит информация, например, в евро, а выводится...

Как вставить в div код с другого файла HTML?
Собственно вот код из файла 404.html: &lt;h2&gt;404.HTML&lt;/h2&gt; &lt;p&gt;Тестовое окно&lt;/p&gt; Пытался так сделать: function windowInfo(file){ ...

6
 Аватар для AmateR62
118 / 118 / 87
Регистрация: 24.02.2014
Сообщений: 404
29.06.2016, 14:01
Где у вас в первом файле элемент с id = "result" или файл приведен не полностью ?
0
12 / 12 / 1
Регистрация: 16.07.2012
Сообщений: 777
29.06.2016, 14:28  [ТС]
Цитата Сообщение от AmateR62 Посмотреть сообщение
Где у вас в первом файле элемент с id = "result"
Да. Моя невнимательность.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Документ без названия</title>
</head>
 
<body>
<div id="result">
<p>текст контейнер</p>
</div>
</body>
</html>
Это и не работает.

Более того есть рабочий вариант файла 1.html
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="/js/jquery-1.12.4.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Документ без названия</title>
 
<script>
function loadContent(viewUrl){
 $('#result').load(viewUrl + ' #container');
}
</script>
 
</head>
<body>
<div id="result"></div>
<a href="#" onclick="loadContent('2.html'); return false;">ссылка2</a>
 
</body>
</html>
Но он не работает в IE11. Почему?

Добавлено через 8 минут
И файл 2.html
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Документ без названия</title>
</head>
 
<body>
 
<div id="container">
<p>текст контейнер2</p>
</div>
<p>и еще что-то2</p>
</body>
</html>
0
 Аватар для AmateR62
118 / 118 / 87
Регистрация: 24.02.2014
Сообщений: 404
29.06.2016, 14:39
В каком браузере работаете? Какую ошибку валит консоли?
0
12 / 12 / 1
Регистрация: 16.07.2012
Сообщений: 777
29.06.2016, 15:33  [ТС]
Цитата Сообщение от AmateR62 Посмотреть сообщение
В каком браузере работаете
В Internet Explorer 11 не работает (не могу понять почему), в Chrome работает.

Цитата Сообщение от AmateR62 Посмотреть сообщение
Какую ошибку валит консоли
HTML1524: Недопустимый HTML5 DOCTYPE. Рекомендуется использовать совместимый формат "<!DOCTYPE html>".
0
Ренегат
Эксперт HTML/CSS
 Аватар для BANO
1740 / 1085 / 386
Регистрация: 06.08.2014
Сообщений: 5,203
Записей в блоге: 1
29.06.2016, 17:26
alanat, html код начните вот так
HTML5
1
2
3
4
<!DOCTYPE html>
<html>
<head>
<met...
так вы включите html5
0
12 / 12 / 1
Регистрация: 16.07.2012
Сообщений: 777
29.06.2016, 20:50  [ТС]
Цитата Сообщение от BANO Посмотреть сообщение
так вы включите html5
Включил. Это не помогло.
В консоли пишет, что появилось сообщение "HTML1300: Произошел переход.", что не является ошибкой.
Да и в других браузерах работает, кроме IE и Firefox.

А есть какая-то конструкция в php, чтобы с аналогичной работой справилась?

Добавлено через 57 минут





Цитата Сообщение от BANO Посмотреть сообщение
alanat, html
Нашел похожую проблему Не работает .load() в IE
Но её решение
JavaScript
1
2
3
$.ajaxSetup({
  cache: false
});
Не пойму, в какое место кода вставить
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="/js/jquery-3.0.0.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Документ без названия</title>
<script>
function loadContent(viewUrl){
 $('#result').load(viewUrl + ' #container');
}
</script>
</head>
 
<body>
 
<div id="result"></div>
 
 
 
<a href="#" onclick="loadContent('2.html'); return false;">ссылка2</a>
<a href="#" onclick="loadContent('3.html'); return false;">ссылка3</a>
 
</body>
</html>
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
29.06.2016, 20:50
Помогаю со студенческими работами здесь

Вывод содержания файла в с++
#include&lt;fstream.h&gt; #include&lt;math.h&gt; #include&lt;conio.h&gt; void main() {clrscr(); int v; ifstream lekcia1; ...

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

Цикл FOR, формирование содержания с другого КФ
Задачка: Создать командный файл с именем «Свое_имя.bat». В данном файле прописать команды для вывода текстового сообщения «параметр вызова:...

Можно ли задать один блок div относительно другого div-а?
Привет. Пытаюсь сделать слои, по этому примеру. Там они используют абсолютное позиционирование и пишут: &quot;Как видите, мы выбрали...

Как поставить div по середине вертикально внутри другого div?
Заранее спасибо!! &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Best Promocodes&lt;/title&gt; &lt;meta charset=&quot;utf-8&quot;&gt; &lt;link...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Новые блоги и статьи
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru