Простенький JavaScript

**DenWeb** · 05.02.2013 14:41

Приветствую. Друзья, подскажите как реализовать вставку блока в html документ при помощи javascript.

Есть документ, допустим:

.....
<p>Какой-то текст</p>

Сюда нужно вставить html код из внешнего файла.

<p>Какой-то текст</p>
...

Это, как я понимаю, не сложно, но javascript не знаю.

**OKyJIucT** · 05.02.2013 15:48

DenWeb, внешний файл на том же сайте находится, или на стороннем? И какое расширение внешнего файла?

**DenWeb** · 05.02.2013 16:19

Внешний файл на том же сайте, это html файл

**MniD** · 05.02.2013 20:03

DenWeb,
Если на этом домене и если подключён jquery, то так:

PHP код:

 $.get('page.html',function(data){
$("#ready").html(data);
});

page.html - страница
ready - id элемента куда будет вставлен текст, например <div id="ready"></div>

Или надо без jquery?

**~~zelez~~** · 05.02.2013 20:40

DenWeb, Сайт на PHP? Если да, то тут javascript не нужен, вставь через пхп.

**pmp** · 05.02.2013 20:57

$("#element id").load("page.html");

**Safort** · 06.02.2013 00:28

zelez, совсем не обязательно. Возможно, он хочет сделать динамическое добавление данных.

**OKyJIucT** · 06.02.2013 00:39

Safort, если бы хотел динамическое, указал бы об этом, скачав, что нужен AJAX) Хотя может это и имел ввиду, только в силу слабых познаний не смог правильно сформулировать.

ТС, вы распишите, что именно и как надо делать. Решений много, и каждый имеет свои плюсы и минусы:) Текст в подключаемом файле неизменный, или меняется независимо от содержимого данной страницы сайта? Чем больше подробностей, тем быстрей придет решение

**pljus** · 06.02.2013 02:17

Можно вот так:

Код HTML:

<!DOCTYPE html> <html> <head> <title>Untitled</title> <script src="./test.js"></script> </head> <body>
...
<p>Какой-то текст</p> <script>document.write(txt);</script> <p>Какой-то текст</p> 
 ...
</body> </html>

в файле test.js

Код HTML:

	var txt = 'текст';

---------- Сообщение добавлено 21:17 ---------- Предыдущее 21:15 ----------

Вообще чистый JavaScript не умеет работать с файлами

**DenWeb** · 06.02.2013 23:08

Всем спасибо, сделал)

	05.02.2013 14:41 #1
DenWeb Студент Регистрация: 17.03.2012 Сообщений: 45 Репутация: 2	Приветствую. Друзья, подскажите как реализовать вставку блока в html документ при помощи javascript. Есть документ, допустим: ..... <p>Какой-то текст</p> Сюда нужно вставить html код из внешнего файла. <p>Какой-то текст</p> ... Это, как я понимаю, не сложно, но javascript не знаю.
0 DenWeb

	05.02.2013 15:48 #2
OKyJIucT Sunshine reggae Регистрация: 02.09.2011 Сообщений: 3,240 Репутация: 1830 Webmoney BL: ?	DenWeb, внешний файл на том же сайте находится, или на стороннем? И какое расширение внешнего файла? VPS SSD с отличной поддержкой
0 OKyJIucT

	05.02.2013 16:19 #3
DenWeb Студент Регистрация: 17.03.2012 Сообщений: 45 Репутация: 2	Внешний файл на том же сайте, это html файл
0 DenWeb

	05.02.2013 20:03 #4
MniD Новичок Регистрация: 05.02.2013 Сообщений: 3 Репутация: 0	DenWeb, Если на этом домене и если подключён jquery, то так: PHP код: `$.get('page.html',function(data){ $("#ready").html(data); });` page.html - страница ready - id элемента куда будет вставлен текст, например <div id="ready"></div> Или надо без jquery?
0 MniD

	05.02.2013 20:40 #5
~~zelez~~ Banned Регистрация: 09.10.2012 Сообщений: 935 Репутация: 530	DenWeb, Сайт на PHP? Если да, то тут javascript не нужен, вставь через пхп.
0 zelez

Простенький JavaScript

Опции темы

Тэги топика:

Похожие темы

Подскажите простенький редактор для сжимания видео!

Подскажите простенький редактор для сжимания видео!

Помогите выбрать простенький нетбук.

Ищу простенький двиг с бд.

Нужен простенький слайдер. СРОЧНО!!!

Тем:

Сообщений:

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

Сейчас на сайте:

Вход

Сайт

Разделы

Прочее

Следите за нами

Витрина ссылок

У нас проходит

У кого попросить инвайт?

Золотые темы форума

Последние новости

Популярные темы

Информеры

	05.02.2013 20:57 #6
pmp Студент Регистрация: 13.03.2012 Сообщений: 41 Репутация: 1	$("#element id").load("page.html");
0 pmp

	06.02.2013 00:28 #7
Safort Новичок Регистрация: 15.11.2012 Сообщений: 7 Репутация: 1	zelez, совсем не обязательно. Возможно, он хочет сделать динамическое добавление данных.
0 Safort

	06.02.2013 00:39 #8
OKyJIucT Sunshine reggae Регистрация: 02.09.2011 Сообщений: 3,240 Репутация: 1830 Webmoney BL: ?	Safort, если бы хотел динамическое, указал бы об этом, скачав, что нужен AJAX) Хотя может это и имел ввиду, только в силу слабых познаний не смог правильно сформулировать. ТС, вы распишите, что именно и как надо делать. Решений много, и каждый имеет свои плюсы и минусы:) Текст в подключаемом файле неизменный, или меняется независимо от содержимого данной страницы сайта? Чем больше подробностей, тем быстрей придет решение VPS SSD с отличной поддержкой
0 OKyJIucT

	06.02.2013 02:17 #9
pljus Новичок Регистрация: 16.05.2012 Сообщений: 25 Репутация: 0	Можно вот так: Код HTML: <!DOCTYPE html> <html> <head> <title>Untitled</title> <script src="./test.js"></script> </head> <body> ... <p>Какой-то текст</p> <script>document.write(txt);</script> <p>Какой-то текст</p> ... </body> </html> в файле test.js Код HTML: var txt = 'текст'; ---------- Сообщение добавлено 21:17 ---------- Предыдущее 21:15 ---------- Вообще чистый JavaScript не умеет работать с файлами
0 pljus

	06.02.2013 23:08 #10
DenWeb Студент Регистрация: 17.03.2012 Сообщений: 45 Репутация: 2	Всем спасибо, сделал)
0 DenWeb

Темы	Раздел	Ответов	Последний пост
Подскажите простенький редактор для сжимания видео!	Софт, скрипты, сервисы	8	30.09.2012 16:35
Подскажите простенький редактор для сжимания видео!	Оффтоп и свободные темы	1	29.09.2012 07:38
Помогите выбрать простенький нетбук.	Оффтоп и свободные темы	14	11.09.2012 18:54
Ищу простенький двиг с бд.	Софт, скрипты, сервисы	9	27.02.2012 17:08
Нужен простенький слайдер. СРОЧНО!!!	Создание сайтов	3	30.08.2011 15:15