Javascript-форум - Вывод слоя + value

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - Вывод слоя + value (https://javascript.ru/forum/dom-window/29216-vyvod-sloya-value.html)

Вывод слоя + value

function blablabla()
{
invalid = 0;
if(document.getElementById("name").value == "")
{
alert("sssssssss");
invalud += 1;
}

if(invalid != 0)
{
return false;
}
else
{
return true;
}
}

<head>
<style type="text/css">
.newAdd {width:20%; height:100px; margin-left:10%; margin-top:10px; margin-bottom:10px; float:left; border:1px #000 solid; text-align:center}
</style>
</head>
<body>
<div id="maindiv" style="width:1000px; height:auto; overflow:hidden; background-color:white; margin-left:auto; margin-right:auto; border:1px #000 solid">
</div>
</body>

Подскажите пожалуйста
Как вывести значения name в Диве c id='newAdd' в body-> div id="maindiv" .
Спасибо

Где у вас div c id='newAdd', где элемент с id="name" и что такое

Цитата:

Сообщение от redjetfire

значения name в Диве c id='newAdd'

то есть приведите весь код и поясните толком, чего хотите добиться

function blablabla()
{
invalid = 0;
if(document.getElementById("name").value == "")
{
alert("sssssssss");
invalud += 1;
}
 
if(invalid != 0)
{
return false;
}
else
{
return true;
                           //Должно Делается Это
        
var newDiv = document.createElement('div');
div.className = 'newAdd';

var divList = document.getElementById('maindiv');
var firstDiv= divList.getElementsByTagName('div')[0]

newDiv.InnerHTML = document.getElementById('name').value;

divList.insertBefore(newDiv , firstDiv);
}
}

а где у вас этот элемент document.getElementById('name')

<!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=utf-8">
<title>My Page</title>

<style type="text/css">
.newAdd {width:20%; height:100px; margin-left:10%; margin-top:10px; margin-bottom:10px; float:left; border:1px #000 solid; text-align:center}
</style>
</head>
<body style="background-color:grey;">
<center><form name="form1" onsubmit="return validateForm();" method="post" style="margin-top:25px;">
<label for='mail'>Name*</label>
<p>
<input type="text" name="name" id="name">
</p>
<label for='mail'>E-mail*</label>
<p>
<input type="text" name="email" id="email">
</p>
<label for='mail'>Comment*</label>
<p>
<textarea name="comment" id="comment" cols="40" rows="3" maxlength="120"></textarea>
</p>
<p>
<input type="submit" value="Submit">
</p>
</form></center>
<div id="maindiv" style="width:1000px; height:auto; overflow:hidden; background-color:white; margin-left:auto; margin-right:auto; border:1px #000 solid">
<div class="newAdd">1111111111111111111</div>
<div class="newAdd">2222222222222222222</div>
</div>
</body>
</html>

<script type="text/javascript">
var invalid = 0;
function validateForm()
{
invalid = 0;

if(document.getElementById("name").value == "")
{
alert("Fill in your name");
invalid += 1;
}
if(document.getElementById("name").value.length < 3)
{
alert("Your name too short");
invalid += 1;
}

if(document.getElementById("email").value.indexOf("@") == -1)
{
alert("Bad E-mail");
invalid += 1;
}
if(document.getElementById("email").value.lastIndexOf(".") < document.getElementById("email").value.indexOf("@")+2)
{
alert("Bad E-mail 1");
invalid += 1;
}
if(document.getElementById("comment").value == "")
{
alert("Comment Empty");
invalid += 1;
}
if(document.getElementById("comment").value.length < 15)
{
alert("Comment to short");
invalid += 1;
}

if(invalid != 0)
{
return false;
}
else
{
return true;
/*если True то должно вставить на страницу
var newDiv = document.createElement('div');
div.className = 'newAdd';
 
var divList = document.getElementById('maindiv');
var firstDiv= divList.getElementsByTagName('div')[0]
 
newDiv.InnerHTML = document.getElementById('name').value;
 
divList.insertBefore(newDiv , firstDiv); */
}

}
</script>

Вот такой весь код
Как это все правильно реализовать ? )

redjetfire, Вот создал тестовик: http://hostjs-mybb2011.narod.ru/redjetfire.htm

Поясните на скриншотах - что не так?

По оформлению кода: вставляете всё в bb-теги html и добавляете run, чтобы можно было просмотреть ([html run]...[/html ])
Не работает потому что после return происходит выход из функции, а ваш код после return, то есть поместите код перед return true.

скинь пожалуйста сорс а то там пост не запрещен
не вижу или добавляет новый див

bes

Новый слой не добавляется

вот мой сорс