[mochikit] Re: Dynamic Form with a Table inside it

[roopesh....@gmail.com]

Thanks a lot for the reply :-)

Here is a small example of a form with a table inside it. Few of the
table cells are textboxes, radio buttons, comboxes etc. It may be
useful for beginners.
-----------

        var rows = [
        ["Name", INPUT({'type': 'text', 'value': 'name'})],
        ["Comment", INPUT({'type': 'text', 'value': 'a comment'})],
        ["Type", SPAN({},INPUT({'name':'type','type': 'radio', 'checked':
true}),"MailDir", INPUT({'name':'type','type': 'radio', 'checked':
false}),"MBox",INPUT({'name':'type','type': 'radio', 'checked':
false}),"Directory")],
        ["Zip/Compress", INPUT({'type': 'checkbox', 'checked': true})],
        ["Access",
                SPAN({},
                INPUT({'name':'access','type': 'radio', 'checked': 
true}),"Public",
                INPUT({'name':'access','type': 'radio', 'checked': 
false}),"Creator",
                INPUT({'name':'access','type': 'radio', 'checked': 
false}),"Users"),
                SELECT(null,map(OPTION, ['All','User1','User3','User2']))],
        ["Expires ", SPAN({},INPUT({'type': 'text', 'value': 'todays
date','size':10}),"+3 days")],
        ["Alert User ", INPUT({'type': 'checkbox', 'checked': true})],
        [ INPUT({'type': 'submit', 'style': 'float: right','value':
'Save'}) ,
                INPUT({'type': 'button', 'style': 'float: right','value': 
'Cancel'})]
        ];


        row_display = function (row) {
                return TR(null, map(partial(TD, null), row));
        }


        var newTable = FORM({},TABLE({'class':
'prettytable','style':'margin-left:14em'},
                TBODY(null,
                        map(row_display, rows))));

        swapDOM("action-place", newTable); 

-----------
Regards
Roopesh


--~--~---------~--~----~------------~-------~--~----~
 You received this message because you are subscribed to the Google Groups 
"MochiKit" group.
To post to this group, send email to mochikit@googlegroups.com
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at 
http://groups.google.com/group/mochikit?hl=en
-~----------~----~----~----~------~----~------~--~---