Untitled

<div style="margin-top:5em;">
    <form method="post" id="playlistform" onsubmit="return false;">
    <table>
    <thead>
    <tr>
    <th>STREAM</th>
    <th>File Name</th>
    <th>Bitrate (bps)</th>
    </tr>
    </thead>
    <tbody id="playlist"></tbody>
    </table>
    </form>
    </div>

   <pre id="playlistcode"></pre>

function update() {
var playlist = document.getElementById("playlist");
var rows = playlist.getElementsByTagName("tr");

var code = "<smil>n";
code += "<head>n";

code += "</head>n";
code += "<body>n";
code += "<switch>n";


for (var index = 0; index < rows.length; index++) {
    var inputFields = rows[index].getElementsByTagName("input");

    code += "<video";

    for (var j = 0; j < inputFields.length; j++) {

        var type = "";

        var value = inputFields[j].value;

        switch (j) {

        case TYPE_STREAM:
            type = ' <meta src="';
            break;

        case TYPE_VIDEO:
            type = ' src="';
            break;

            case TYPE_BITRATE:
            type = ' system-bitrate="';
            break;
        }


        if (type == "location" || value != "") {
            code += '' + type + '' + htmlentities(value) + '"';

        }

    }

    code += ' />n';
}

code += "</switch>n";
code += "</body>n";
code += "</smil>n";

document.getElementById("playlistcode").innerHTML = nl2br(htmlentities(code));