[stuff] DomUtil klasse

[elias]

im vorfeld dieses miniprojektes habe ich eine kleine klasse geschrieben
die das dynamische generieren von html elementen mit dem JS-DOM
vereinfachen soll. im nachhinein hab ich sie nicht gebraucht aber ich
hatte trotzdem meinen spass

[elias]

hier mal was zum angucken

PHP-Code:

function DomUtilTestAll()
{
    var i, e, options, value, text;
    var a = new Array();

    var headerStyle   = { textDecoration: 'underline', color: '#FF0000' };
    var headerAttribs = { style: headerStyle };
    var inputStyle    = { border: '2px solid silver', backgroundColor: 'green', color: 'white' };
    var inputAttribs  = { style: inputStyle };

    // -- TEXTFIELD -- \\
    a.push( DomUtil.CreateHeader(1, 'DomUtil.CreateTextField', headerAttribs) );
    e = DomUtil.CreateTextField('myTextField', 'myId', 'myValue', 30, 10, inputAttribs);
    a.push( e );

    // -- TEXTAREA -- \\
    a.push( DomUtil.CreateHeader(1, 'DomUtil.CreateTextArea', headerAttribs) );
    e = DomUtil.CreateTextArea('myTextArea', 'myTextAreaId', 'myTextAreaValue', 10, 10, inputAttribs);
    a.push( e );

    // -- BUTTON -- \\
    a.push( DomUtil.CreateHeader(1,'DomUtil.CreateButton', headerAttribs) );
    e = DomUtil.CreateButton('myButton', 'myId', 'myButtonValue', inputAttribs);
    a.push( e );

    // -- HEADER -- \\
    a.push( DomUtil.CreateHeader(1,'DomUtil.CreateHeader', headerAttribs) );
    for ( i = 1; i <= 6; i++)
    {
        a.push( DomUtil.CreateHeader(i,'myHeader size: ' + i) );
    }

    // -- SELECT -- \\
    a.push( DomUtil.CreateHeader(1,'DomUtil.CreateSelect', headerAttribs) );
    options = new Array();
    for ( i = 1; i <= 6; i++)
    {
        value = 'test_' + i;
        text  = 'Test ' + i;
        options.push( new Option( text, value ) );
    }
    a.push( DomUtil.CreateSelect('select_id', 'select_name', options) );

    // -- TABLE -- \\
    a.push( DomUtil.CreateHeader(1,'DomUtil.CreateTable', headerAttribs) );
    text = DomUtil.CreateHtml('<em>test</em>');
    var table = [    [text.cloneNode(true),text.cloneNode(true),text.cloneNode(true),text.cloneNode(true)],
                    [text.cloneNode(true),text.cloneNode(true),text.cloneNode(true),text.cloneNode(true)],
                    [text.cloneNode(true),text.cloneNode(true),text.cloneNode(true),text.cloneNode(true)],
                    [text.cloneNode(true),text.cloneNode(true),text.cloneNode(true),text.cloneNode(true)],    ];
    a.push( DomUtil.CreateTable('select_id', 'select_name', table, {border: 2}) );

    DomUtil.AppendChilds( document.body, a );
} 


.