Показать сообщение отдельно
  #6 (permalink)  
Старый 04.06.2014, 14:00
Аватар для BETEPAH
Профессор
Отправить личное сообщение для BETEPAH Посмотреть профиль Найти все сообщения от BETEPAH
 
Регистрация: 23.06.2011
Сообщений: 1,165

<div>
	<label>Введите имя и отчество чтобы скачать файл</label>
	<input class="teacher-name" type="text" data-val="Иван Иванович" data-link="http://javascript.ru/forum/image.php?u=14174&dateline=1380803229">
	<button class="btn-to-download">Получить ссылку</button>
</div>
<div>
	<label>Введите имя и отчество чтобы скачать файл</label>
	<input class="teacher-name" type="text" data-val="Федор Кузмич" data-link="http://javascript.ru/forum/image.php?u=14174&dateline=1380803229">
	<button class="btn-to-download">Получить ссылку</button>
</div>
<script>
var forms = document.querySelectorAll('.btn-to-download');
for (var i = 0; i < forms.length; i++) {
	forms[i].onclick = function() {
		var wrap = this.parentNode;
		if (wrap.querySelector('.link-to-download')) return;
		var field = wrap.querySelector('.teacher-name');
		var inputName = field.value,
			name = field.dataset.val,
			link = field.dataset.link;
			
		if (inputName == name && link) {
			var div = document.createElement("div");
			div.className = 'link-to-download';
			div.innerHTML = '<a href="' + link + '">ссылка на файл</a>';
			wrap.appendChild(div);
		} else alert('Неправильное имя отчество');
	};
}
</script>
Ответить с цитированием