Как мне создать простой автоматический генератор кода?

Question

Я пытаюсь создать простую форму, в которой люди вводят некоторые значения и при отправке автоматически генерируют код под формой.Который затем они могут скопировать для использования.

т.е.

Input 1 width(px) - 200

Input 2 height(px) - 300

Input 3 content - Hello world

Кнопка отправки

[code to copy]

[div width="200px" height="300px"]Hello world[/div]

[/code to copy]

Answer 1

Это можно сделать в режиме реального времени, не нужно отправлять.

Здесь: http://jsfiddle.net/NzFeb/

$("input").keyup(function() {
    $("#result").text(
        '<div width="' + $("#width").val() + 
        'px" height="' + $("#height").val() + 
        'px">' + $("#content").val() + 
        '</div>');
});

Для упрощения кода я использовал библиотеку jQuery.

• jQuery site
• Как настроить jQuery на вашем сайте

Answer 2

Попробуйте:

Width: <input id="width" type="text" /> <br/><br/>
Height: <input id="height" type="text" /> <br/><br/>
Content: <input id="content" type="text" /><br/><br/>
<button id="go">Go</button><br/><br/>
<textarea id="code" cols="30" rows="10" ></textarea>
document.getElementById("go").onclick = function() {
document.getElementById("code").innerHTML = "<div style='width:" + document.getElementById("width").value+ "; height:" + document.getElementById("height").value + ";'>" + document.getElementById("content").value + "</div>";

};

как видно здесь: http://jsfiddle.net/69q57/13/