Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 04.07.2012, 17:05
Новичок на форуме
Отправить личное сообщение для Kreol Посмотреть профиль Найти все сообщения от Kreol
 
Регистрация: 04.07.2012
Сообщений: 6

Вывод текста из JS файла в атрибут div на html страничке. help
Доброго времени суток.
Господа знатоки, подскажите как быть

Во внешнем файле js три текста
document.write("Текст 1");
document.write("Текст 2");
document.write("Текст 3");


либо таких
document.getElementById('Текст 1').innerHTML('hello world Текст 1');
document.getElementById('Текст 2').innerHTML('hello world Текст 3');
document.getElementById('Текст 3').innerHTML('hello world Текст 4');

Как каждый отдельный текст вставить в HTML файл?
script src="?????????.js"
Как им задать имя?
Подозреваю что нужно обертывать каждый текст в функцию, но как это сделать я не знаю.
Буду очень признателен за помощь.

Идея в том, чтоб потом на страничке выводить
<div id="elem1"></div>
<div id="elem2"></div>
<div id="elem3"></div>



При создании такой html странички
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<div id="elem"></div>
<script type="text/javascript">
var theElement = document.getElementById("elem"); 
theElement.innerHTML = "Zarabotalo";
</script>
</body>
</html>


этот подход работает. Однако как вот это вынести
var theElement = document.getElementById("elem"); 
theElement.innerHTML = "Zarabotalo";

в файл, осталось неясным.
А выводить нужно в разные места странички.
Ответить с цитированием
  #2 (permalink)  
Старый 04.07.2012, 17:21
Новичок на форуме
Отправить личное сообщение для Kreol Посмотреть профиль Найти все сообщения от Kreol
 
Регистрация: 04.07.2012
Сообщений: 6

Вопрос1: Как каждый отдельный текст из одного скрипта вставить в HTML файл в разные места?
Вопрос2: Как должен выглядеть JS файл.
Ответить с цитированием
  #3 (permalink)  
Старый 04.07.2012, 17:56
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от Kreol
Вопрос2: Как должен выглядеть JS файл.
var arr="hello world Текст 1,hello world Текст 2,hello world Текст 3";
arr=arr.split(",");



Сообщение от Kreol
Вопрос1: Как каждый отдельный текст из одного скрипта вставить в HTML файл в разные места?
<!-- Это якобы подгружаемый скрипт -->
<script type="text/javascript">var arr="hello world Текст 1,hello world Текст 2,hello world Текст 3";arr=arr.split(",");</script>

<div id="div_0"></div>
<div id="div_1"></div>
<br>
<div id="div_2"></div>
<div id="div_3"></div>
<br>
<div id="div_4"></div>


<script type="text/javascript">

for(i=0; i<2; i++){
var z=document.getElementById("div_"+i);
z.innerHTML=arr[0];
}

for(i=3; i<5; i++){
var z=document.getElementById("div_"+i);
z.innerHTML=arr[1];
}

var z=document.getElementById("div_4");
z.innerHTML=arr[2];

</script>
Ответить с цитированием
  #4 (permalink)  
Старый 04.07.2012, 21:13
Новичок на форуме
Отправить личное сообщение для Kreol Посмотреть профиль Найти все сообщения от Kreol
 
Регистрация: 04.07.2012
Сообщений: 6

я наверное что-то не так делаю. создал файл
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>

<div id="div_0"></div>
<div id="div_1"></div>
<br>
<div id="div_2"></div>
<div id="div_3"></div>
<br>
<div id="div_4"></div>

<script type="text/javascript" src="c:\WebServers\home\localhost\www\my_test_file.js">
var z=document.getElementById("div_4");
z.innerHTML=arr[2];
</script>
</body>
</html>

и создал скрипт, как у вас.
И тишина, пустая страница
Подскажите где я не прав
Ответить с цитированием
  #5 (permalink)  
Старый 04.07.2012, 21:59
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от Kreol
и создал скрипт, как у вас.
c:\WebServers\home\localhost\www\my_test_file.js
1. Выложите полный код по этой ссылке
Страница в Инете или на денвере ?
Ответить с цитированием
  #6 (permalink)  
Старый 04.07.2012, 22:05
Новичок на форуме
Отправить личное сообщение для Kreol Посмотреть профиль Найти все сообщения от Kreol
 
Регистрация: 04.07.2012
Сообщений: 6

денвер, но... я просто создал страницу и скрипт в 1-й папке
Ответить с цитированием
  #7 (permalink)  
Старый 04.07.2012, 22:08
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Kreol,
Полный код залитого скрипта -> c:\WebServers\home\localhost\www\my_test_file.js выложите

Последний раз редактировалось Deff, 04.07.2012 в 22:32.
Ответить с цитированием
  #8 (permalink)  
Старый 04.07.2012, 23:42
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Kreol,
У Вас Нет тега закрытия в этом подгружаемом файле
Цитата:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>

<div id="div_0"></div>
<div id="div_1"></div>
<br>
<div id="div_2"></div>
<div id="div_3"></div>
<br>
<div id="div_4"></div>

<script type="text/javascript" src="c:\WebServers\home\localhost\www\my_test_file .js"></script>
<script type="text/javascript" >

var z=document.getElementById("div_4");
z.innerHTML=arr[2];
</script>
</body>
</html>
Ответить с цитированием
  #9 (permalink)  
Старый 05.07.2012, 00:29
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

Всегда можно хранить нужные данные в переменных (в том числе, в переменных, которые объявлены во внешних файлах .js (надо только их подключить)), а потом использовать эти переменные в любом месте скрипта (устанавливать значения атрибутов и другие параметры и т.д., для удобства можно использовать любое представление, например, писать строкой, превращать в массив, как у Deff, можно сразу хранить в массиве и т.п.).
Например,
<body>
текст
<script>
window.onload = function () {
  var text = "text";
  document.body.innerHTML += '<div id="' + text + '">это div c id="' + text + '"</div>';
}
</script>
Ответить с цитированием
  #10 (permalink)  
Старый 14.12.2012, 23:33
Новичок на форуме
Отправить личное сообщение для arseniy899 Посмотреть профиль Найти все сообщения от arseniy899
 
Регистрация: 01.12.2012
Сообщений: 4

Не работает!
Вот мой код
document.getElementById("id1").innerHTML("Hello");
- это в script
<div id="id1"></div>
- это сам div
но оно не работает! помогите, пожалуйста

Последний раз редактировалось arseniy899, 14.12.2012 в 23:45.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Кодировка внешнего JS файла - проблема в Chrome Freddis Opera, Safari и др. 3 26.07.2011 21:48
Вывод кусков HTML кода с одного файла JS wlad2 Общие вопросы Javascript 16 04.01.2011 11:52
Как вывести содержимое PHP файла с помощью JS? pavdin Серверные языки и технологии 6 22.12.2010 14:16
Вывод JS значения в одну строку в HTML velo Общие вопросы Javascript 7 15.12.2009 03:57
Html метки + div + JS boltayka Events/DOM/Window 1 07.09.2009 17:21