Javascript.RU

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

JS вывод в div строку с пробелами
Здравствуйте, помогите пожалуйста разобраться со скриптом. Мне нужно, чтобы текст выводился в div, а не в текстовое поле .

<html>
<script>
function MyFun() {
// считывает пожелания
var m = document.getElementsByName('dzen');
var wish = "";
for(var i = 0; i < m.length; i++){
if (m[i].checked)
{
//alert(m[i].value)
wish = m[i].value;
}}


var nameuser = document.getElementsByTagName('input')[0].value
var GlavT = ["С Новым годом!", "С новым счастьем и добром."];
var text = "";
var i;
for (i = 0; i < GlavT.length; i++) {
text += GlavT[i] + "<br>";
}
document.getElementById("demo").innerHTML = nameuser + "! "+text; //выводит в div имя и первые 2 строки

S1 = "Желаю молодости вечной, # $,Любви огромной, безупречной. Желаю океан безумств И гамму самых теплых чувств!";
/*var S1 = ["Желаю молодости вечной, & $,", "Любви огромной, безупречной.", "Желаю океан безумств", "И гамму самых теплых чувств!"];
var text2 = "";
var i;
//k = S1.replace(/\&/g, "любви"));
for (i = 0; i < S1.length; i++) {
text2 += S1[i] + "<br>";
}
document.getElementById("demo").innerHTML = text2; Пыталась вывести стих разбитый <br> в div*/


S2 = "Пусть будут благостными дни, Душа любовью переполнится, Пусть зажигает жизнь огни И все желания исполнятся!";

//
var a1 = [S1, S2];
var rand1 = Math.floor(Math.random() * a1.length);


Str1 = "Тебя поздравлю с днем рождения, Творческого, пожелаю, вдохновения, Пожелаю сил побольше и терпения, Удачи и хорошего настроения.";
Str2 = "Поздравляем мы, тебя, с днем рождения, Пусть приходит в дом счастье и веселье, Пусть желание твоё непременно сбудется, А плохое же пускай совсем позабудется.";
var a2 = [ Str1, Str2];
var rand2 = Math.floor(Math.random() * a2.length);


word1="";
word2 = "";
if (wish == "love")
{
word1= "любви";
word2= "радости";
}
s=S1.replace (/\#/g, word1);
s=s.replace (/\$/g, word2);

if (wish == "health")
{
word1= "здоровья";
word2= "долголетия";
}
s=S1.replace (/\#/g, word1);
s=s.replace (/\$/g, word2);


//alert(s);
/*// массивы с прилагательными
var love = ["огромной", "желанной"];
__________________________________

Поиск по масиву окончания "ая"

for(i=0;i<love.length;i++){
if (k=love[i].IndexOf("ая") !=-1)
{
adj = love[i];
break;
}
}
__________________________________
Должен случайно выбирать из прилагательных с оконччанием "ая" одно.

var love1 = Math.floor(Math.random() * love.length);
var health = ["крепкого", "отличного"];
var health1 = Math.floor(Math.random() * health.length);
var luck = ["огромного", "долгожданного"];
var luck1 = Math.floor(Math.random() * luck.length);
*/


//ВОТ ПОКА ЧТО ГЛАВНАЯ ПРОБЛЕМА. ОН ВСТАВЛЯЕТ ВЫБРАННОЕ ЗНАЧЕНИЕ В ТЕКСТОВОЕ ПОЛЕ, А НУЖНО В ДИВ
document.forms[0].message.value = document.forms[0].holiday.value;// message - имя textarea. нужно поменять, а на что поменять я не знаю.
// document.getElementById("demo").innerHTML = text;
if (document.forms[0].holiday.value == "NY" )
if (wish == "love")
{
document.forms[0].message.value = nameuser +"! " + GlavT + s ;}

if (wish == "health")
{
document.forms[0].message.value = nameuser +"! " + GlavT + s;}

if (wish == "luck")
{
document.forms[0].message.value = nameuser +"! " + GlavT + a1[rand1] ;}




if (document.forms[0].holiday.value == "March")
document.forms[0].message.value = "Поздравляем с 8 Марта!" + nameuser ;


}
<!-- elem.addEventListener("click", MyFun); --!>
</script>
</head>
<body>
<div id="pagewrap">

<!-- Site header and navigation -->
<div id="header"> </div>

<!-- Site content -->

<div id="content">
<div id="about" class="page">

<div class="left">
<fieldset>
<p>
<label for="name">Имя или другое обращение</label>
<br><input type="text" name="name" id="name" size="20" />
</p>



<label for="holiday">Праздник</label>
<br>
<form action="handler.php">
<select name="holiday">
<option>Выберите праздник</option>
<option value="NY">Новый год</option>
<option value="March">8 Марта</option>
</select>

<p>
<br><label for="web">Пожелания</label>
<p><input name="dzen" type="checkbox" value="luck"> Cчастья</p>
<p><input name="dzen" type="checkbox" value="health"> Здоровья</p>
<p><input name="dzen" type="checkbox" value="love"> Любви</p>
</p>
<fieldset>

<input type="button" value="Сгенерировать" onClick="MyFun()" >


</div>
<div class="right">
<br> <br> <br>
<form action="" method="get">
<p>ВЫВОД</p>


<div contenteditable='true' name="demo" id="demo"></div>
<textarea name="message" id="message" cols="40" rows="10"></textarea>
<br>

</form>
</form>
</div>
</div>
</div>
</div>
</body>
</html>
Ответить с цитированием
  #2 (permalink)  
Старый 15.05.2017, 08:28
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,124

Сообщение от Gretta
Мне нужно, чтобы текст выводился в div
<div><div>
<script>
document.getElementsByTagName('div')[0].innerHTML='Text';
</script>
Ответить с цитированием
  #3 (permalink)  
Старый 15.05.2017, 09:54
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,075

Gretta,
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вывод значений таймера в div Tylmaril (X)HTML/CSS 7 21.07.2013 16:47
Вывод кусков HTML кода с одного файла JS wlad2 Общие вопросы Javascript 16 04.01.2011 11:52
Js + moo tools плавная смена div mansoff Events/DOM/Window 1 03.02.2010 11:11
Вывод JS значения в одну строку в HTML velo Общие вопросы Javascript 7 15.12.2009 03:57
Html метки + div + JS boltayka Events/DOM/Window 1 07.09.2009 17:21