Показать сообщение отдельно
  #5 (permalink)  
Старый 03.07.2013, 19:06
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Очеловеченый вариант:
<fieldset id="fieldset">
    <input type="text" id="name" placeholder="Название" /><br />
    <input type="text" id="imgurl" placeholder="Ссылка на изображение" /><br />
    <input type="text" id="year" placeholder="Год выпуска" /><br />
    <input type="text" id="genre" placeholder="Жанр" /><br />
    <input type="text" id="type" placeholder="Тип файла" /><br />
    <input type="text" id="size" placeholder="Размер файла" /><br />
</fieldset>
<textarea id="code" rows="10" cols="40"></textarea><br />
<input type="button" onclick="generateCode()" value="Генерировать" />
 
<script>
function generateCode()
{
    var fieldset = document.getElementById('fieldset');
    var fields = Array.prototype.slice.call(fieldset.elements);
    var values = {};
    fields.forEach(function(field){
        values[field.id] = field.value;
    });
    var template = document.getElementById('template').textContent.trim();
    var code = template.replace(/{([a-z]+)}/gm, function(a,b) { return values[b] });
    document.getElementById('code').value = code;
}
</script>
<script type="text/x-template" id="template">
[size=20pt]{name}[/size]
[img]{imgurl}[/img]
[b]Год выпуска:[/b] {year}
[b]Жанр:[/b] {genre}
[b]Тип файла:[/b] {type}
[b]Размер файла:[/b] {size}
</script>
Ответить с цитированием