[hideprofile][html]
<script>
function generateHTML() {
var text6 = document.getElementById("text6").value;
var text1 = document.getElementById("text1").value;
var text2 = document.getElementById("text2").value;
var text3 = document.getElementById("text3").value;
var text4 = document.getElementById("text4").value;
var text5 = document.getElementById("text5").value;
if (text6 === '' || text1 === '' || text2 === '' || text3 === '' || text4 === '' || text5 === '') {
document.getElementById("output-prof").value = "Для получения кода, пожалуйста, заполните все поля!";
} else {
var htmlCode = 'Анкета:\n<a href="' + text1 + '">Анкета</a>' + '\n\nЛист героя:\n<div class="prace">' + text2 + '</div>' + '<div class="age">' + text3 + '</div>' + '<div class="prof">' + text4 + '</div>' + '<div class="skills">' + text5 + '</div>' + '\n\nДобавление в список героев:\n<p><a href="' + text1 + '">' + '' + text6 + ' • ' + text3 + '</a>' + ' - ' + text4 + '</p>';
document.getElementById("output-prof").value = htmlCode;
}
}
function copyText() {
var output = document.getElementById("output-prof");
output.select();
document.execCommand("copy");
}
function clearText() {
document.getElementById("output-prof").value = "";
}
</script>
<table class="tbgen">
<tr>
<td width="50%">
<div class="zqprof">
<!-- Таблица для размещения форм ввода -->
<form id="form6">
<label for="text6">Имя персонажа:</label>
<input class="input-prof" type="text" id="text6" name="text6" placeholder="полное имя (копируем ник)">
</form>
<form id="form1">
<label for="text1">Анкета героя:</label>
<input class="input-prof" type="text" id="text1" name="text1" placeholder="ссылка на анкету">
</form>
<form id="form2">
<label for="text2">Раса героя:</label>
<input class="input-prof" type="text" id="text2" name="text2" placeholder="раса (для людей уточняйте откуда)">
</form>
<form id="form3">
<label for="text3">Возраст героя:</label>
<input class="input-prof" type="text" id="text3" name="text3" placeholder="возраст со словами лет/года (н/р, 15 лет)">
</form>
<form id="form4">
<label for="text4">Род деятельности:</label>
<input class="input-prof" type="text" id="text4" name="text4" placeholder="профессия, призвание, звание - перечислите через запятые">
</form>
<form id="form5">
<label for="text5">Магические умения:</label>
<input class="input-prof" type="text" id="text5" name="text5" placeholder="все способности перечислите через запятые">
</form>
<!-- Кнопки и текстовое поле для вывода результата -->
<button class="zbprofil" onclick="generateHTML()">Получить код профиля</button>
</div>
</td>
<td width="50%">
<div class="zqprof">
<label>Сгенерированный код:</label>
<textarea class="textarea-profit" id="output-prof" rows="10" cols="50" readonly></textarea>
<button class="zbprofil" onclick="copyText()">Скопировать</button>
<button class="zbprofil" onclick="clearText()">Очистить код</button>
</div>
</td>
</tr>
</table>
[/html]