Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.71/21: Рейтинг темы: голосов - 21, средняя оценка - 4.71
-10 / 0 / 0
Регистрация: 09.06.2016
Сообщений: 208
1

Как импортировать данные из одного html файла в другой html файл ?

04.06.2019, 14:40. Показов 3794. Ответов 8
Метки нет (Все метки)

Здравсвтуйте!

Можно ли импортировать часть данных из одного файла в конкретное место кода другого файла html ?

Например, в index.html
HTML5
1
<div class="tblcls">
Здесь часть данных из другого файла (table.html)
HTML5
1
</div>
В table.html таблицу надо перевести в index.html.
только не всё содержимое файла table.html, а часть кода.
Например:
HTML5
1
2
3
4
5
6
7
8
<table width="100%" height="10%" border="1">
    <tr align="center">
    <td>.</td>
    <td>..</td>
    <td>...</td>
    <td>....</td>
    </tr>
</table>
Можно ли это сделать?
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
04.06.2019, 14:40
Ответы с готовыми решениями:

Как передать данные из одного HTML в другой HTML?
День добрый, скажите пожалуйста, есть два HTML файла каждый делает разную задачу, нужно из одного...

Как к html файлу прикрепить другой файл html?
Здравствуйте помогите пожалуйста сделать так, чтобы меню находящиеся в html файле прикреплялось к...

Как добавить html файл в другой html файл
Здравствуйте, судя по названию понятна проблема. Я не хочу нагружать index-ный файл, поэтому хочу...

Как импортировать файл css в файл html?
Помогите((

__________________

Записывайтесь на профессиональные курсы Fullstack-разработчиков на JavaScript‌
Обучение в Java Mentor с оплатой после трудоустройства
8
-10 / 0 / 0
Регистрация: 09.06.2016
Сообщений: 208
05.06.2019, 15:42  [ТС] 2
Разобрался.
Для импорта надо подключить jquery:
HTML5
1
<script src="jquery-3.4.1.min.js"></script>
Создать функцию:
HTML5
1
2
3
4
5
</script>
$(function(){
      $("#includedContent").load("import.html"); 
    });
</script>
Добавлять его так:
HTML5
1
<div id="includedContent"></div>
Только добавляется всё содержимое файла.
Ка добавлять выборочные части кода - пока не ясно.
0
887 / 722 / 447
Регистрация: 13.07.2015
Сообщений: 2,250
06.06.2019, 10:03 3
Javascript
1
$.get("import.html",function(data){ $(data).find('table').appendTo("#includedContent"); });
0
-10 / 0 / 0
Регистрация: 09.06.2016
Сообщений: 208
06.06.2019, 14:20  [ТС] 4
Спасибо!
Можно ещё вопрос?

Если в импортируемом файле (import.html) есть 2 блока:
HTML5
1
2
<div class="text">Text text text text text text text text text text text.</div>
<div class="table"><table><tr><td>col1</td><td>col2</td><td>col3</td></tr></table></div>
Можно ли их вставить по отдельности (каждый в своё место)?

Как должен выглядеть код в главном html ?
0
887 / 722 / 447
Регистрация: 13.07.2015
Сообщений: 2,250
06.06.2019, 14:28 5
Javascript
1
2
3
4
$.get("import.html",function(data){
  $(data).find('div.text').appendTo("#includedContent1");
  $(data).find('div.table').appendTo("#includedContent2");
});
Добавлено через 41 секунду
HTML5
1
2
<div id="includedContent1"></div>
<div id="includedContent2"></div>
0
-10 / 0 / 0
Регистрация: 09.06.2016
Сообщений: 208
06.06.2019, 14:43  [ТС] 6
спасибо.
К сожалению код не работает(
0
887 / 722 / 447
Регистрация: 13.07.2015
Сообщений: 2,250
06.06.2019, 14:44 7
а в первый раз работал?
0
-10 / 0 / 0
Регистрация: 09.06.2016
Сообщений: 208
06.06.2019, 14:55  [ТС] 8
Нет.
и первый неработал

Добавлено через 4 минуты
разобрался.
В import.html надо было убрать <head> вместе со всем содержимым
0
887 / 722 / 447
Регистрация: 13.07.2015
Сообщений: 2,250
06.06.2019, 14:56 9
где запускаешь-то? наверное у себя на компьютере из папки? эти запросы только на сервере будут работать
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
06.06.2019, 14:56

Заказываю контрольные, курсовые, дипломные работы и диссертации здесь.

Подсчет кол-ва элементов li из одного html файла в другой
Всем привет, нужна помощь. Есть список(li) например в файле akterskie_semy.html &lt;ol...

Как при включении одного муз.файла выключать другой (HTML 5 , тег "audio")
к примеру есть несколько муз. файлов: &lt;audio controls&gt; &lt;source src=&quot;audio/'. $row . '&quot;...

Импортировать в файл HTML
Мне нужно как-то с 1 файла HTML все импортировать в другой файл HTML, как это сделать можно?...

CGI. Как получить данные из html формы и отослать данные клиенту в html формате?
Господа помогите с cgi. Никогда этого не делал под VB, а сейчас очень надо. Как получить данные из...


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

Или воспользуйтесь поиском по форуму:
9
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.