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

Перемещение данных из формы в div посредством innerHTML
Доброго времени суток.
С JS я не дружу, но получилось так, что он мне нужен.
Набросал скрипт и он, как вы уже догадались, не работает.

Суть такова: есть два инпута и кнопка. По нажатию на кнопку считываются значения в инпутах и вставляются в div вперемешку с другими тегами.

Скрипт:
function getPic() {
		var URname = document.getElementById("URname").value;
		var URrank = document.getElementById("URrank").value;
		document.getElementById("mainblock").innerHTML = '<div class='site'>somesite.com</div><div class='name'>'+URname+'</div><div class='rank'><img src='img/rank'+URrank+'.png'></img></div><div class='quote'>Бороться и искать!<br>Найти и перепрятать!</div>';}


И страница:
<center><br><br>
	Имя (до 10 символов): <input id="URname" type="text" size="17" maxlength="10"> | 
	Ранг (цифра от 1 до 6): <input id="URrank" type="text" size="1" maxlength="1"><br>
	<input type="button" value="Создать" onclick="getPic();">
	<div class="main" id="mainblock">
	</div>
</center>


ЧЯДНТ?
Прошу учесть, что я начинающий.
Ответить с цитированием