newTable was a typo. In the page source the TR element is present with
the specified id. I am posting my code
I have used the
sortable_tables.css
sortable_tables.js files from Mochikit Demo Sortable Tables
Java script code pensive.js
function edituser(title, rowid)
{
var rows = [
["First Name", INPUT({'type': 'text', 'value': title['firstname']
,'name':'firstname'})],
["Last Name", INPUT({'type': 'text', 'value': title['lastname']
,'name':'lastname'})],
["Username", INPUT({'type': 'text', 'value': title['username']
,'name':'username'})],
["Password", INPUT({'type': 'password', 'value':
title['password'],'name':'password' })],
["Level", INPUT({'type': 'text', 'value':
title['level'],'name':'level' })],
["Email Id", INPUT({'type': 'text', 'value':
title['email_id'],'name':'email_id' })],
[INPUT({'type': 'hidden', 'value': title['filename'],'name':'filename'
})],
[INPUT({'type': 'hidden', 'value': 2,'name':'index' })],
[ INPUT({'class':'formattedbtn', 'type': 'submit', 'style':
'float: right','value': 'Save'}) ,
INPUT({'class':'formattedbtn', 'type': 'button', 'style': 'float:
right','onclick':'cancelit()','value': 'Cancel'})]
];
row_display = function (row) {
return TR(null, map(partial(TD, null), row));
}
var newrow = TR(null, TD({'colspan':'4'},
FORM({'id':'myForm','name':'save_source','method':'get','action':'/configure/save_user'},TABLE({'class':
'whole-border','style':'padding:2px 2px 2px
2px;margin-left:1em;background-color:#F0F0F0'},
TBODY(null,
map(row_display, rows))))));
swapDOM(rowid, newrow);
}
HTML Page is
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd";>
<HTML>
<HEAD><META CONTENT="text/html; charset=utf-8"
HTTP-EQUIV="Content-Type">
<LINK HREF="sortable_tables.css" TYPE="text/css" REL="stylesheet">
<SCRIPT SRC="sortable_tables.js" TYPE="text/javascript"></SCRIPT>
<SCRIPT SRC="pensive.js" TYPE="text/javascript"></SCRIPT>
<SCRIPT SRC="MochiKit.js" TYPE="text/javascript"></SCRIPT>
</HEAD>
<BODY>
<TABLE BORDER="0px" ALIGN="center" CLASS="datagrid" WIDTH="600"
CELLPADDING="3" CELLSPACING="0" ID="sortable_table">
<THEAD>
<TR STYLE="text-align:left">
<TH WIDTH="10" STYLE="text-align:left" NOWRAP
mochi:format="istr">
FIRST NAME
</TH>
<TH WIDTH="10" STYLE="text-align:left" NOWRAP
mochi:format="istr">
LAST NAME
</TH>
<TH WIDTH="10" STYLE="text-align:left" NOWRAP
mochi:format="istr">
LOGIN
</TH>
<TH WIDTH="5" STYLE="text-align:left" NOWRAP
mochi:format="istr">
PRIVILEGE
</TH>
<TH WIDTH="10" STYLE="text-align:left" NOWRAP
mochi:format="istr">
EMAIL ID
</TH>
<TH>
</TH>
<TH>
</TH>
</TR>
</THEAD>
<TFOOT CLASS="invisible">
<TR>
<TD COLSPAN="0"></TD>
</TR>
</TFOOT>
<TBODY>
<TR ID="0">
<FORM ACTION="/configure/save_user" NAME="save_source"
METHOD="get">
<INPUT TYPE="hidden" NAME="index" VALUE="0">
<TD CLASS="small-font" ID="conf1">
Admin
</TD>
<TD CLASS="small-font" ID="conf1">
Admin
</TD>
<TD ID="conf1" CLASS="small-font">
admin
</TD>
<TD ID="conf1" CLASS="small-font">
1
</TD>
<TD ID="conf1" CLASS="small-font">
[EMAIL PROTECTED]
</TD>
<TD ID="conf1">
<DIV>
<A HREF="#" CLASS="actionbuttons"
ONCLICK="edituser({'username':
'admin', 'firstname': 'Admin', 'level': '1', 'email_id':
'[EMAIL PROTECTED]', 'lastname': 'Admin', 'filename':
'source0001.ini', 'password': 'pass'}, 0)" TITLE="Edit this
user">Edit</A>
</DIV>
</TD>
<TD CLASS="inputbox-disabled-even" ID="conf1">
<A HREF="/configure/delete_user?index=0"
CLASS="actionbuttons"
ONCLICK="return disp_confirm();return false;" TITLE="delete this
user">Delete</A>
</TD>
</FORM>
</TR><TR ID="1">
<FORM ACTION="/configure/save_user" NAME="save_source"
METHOD="get">
<INPUT TYPE="hidden" NAME="index" VALUE="1">
<TD CLASS="small-font" ID="conf1">
Praveen
</TD>
<TD CLASS="small-font" ID="conf1">
shinde
</TD>
<TD ID="conf1" CLASS="small-font">
praveen
</TD>
<TD ID="conf1" CLASS="small-font">
2
</TD>
<TD ID="conf1" CLASS="small-font">
[EMAIL PROTECTED]
</TD>
<TD ID="conf1">
<DIV>
<A HREF="#" CLASS="actionbuttons"
ONCLICK="edituser({'username':
'praveen', 'firstname': 'Praveen', 'level': '2', 'email_id':
'[EMAIL PROTECTED]', 'lastname': 'shinde', 'filename':
'source0002.ini', 'password': 'sharad1234'}, 1)" TITLE="Edit this
user">Edit</A>
</DIV>
</TD>
<TD CLASS="inputbox-disabled-odd" ID="conf1">
<A HREF="/configure/delete_user?index=1"
CLASS="actionbuttons"
ONCLICK="return disp_confirm();return false;" TITLE="delete this
user">Delete</A>
</TD>
</FORM>
</TR><TR ID="2">
<FORM ACTION="/configure/save_user" NAME="save_source"
METHOD="get">
<INPUT TYPE="hidden" NAME="index" VALUE="2">
<TD CLASS="small-font" ID="conf1">
Admin
</TD>
<TD CLASS="small-font" ID="conf1">
Admin
</TD>
<TD ID="conf1" CLASS="small-font">
sharad
</TD>
<TD ID="conf1" CLASS="small-font">
1
</TD>
<TD ID="conf1" CLASS="small-font">
[EMAIL PROTECTED]
</TD>
<TD ID="conf1">
<DIV>
<A HREF="#" CLASS="actionbuttons"
ONCLICK="edituser({'username':
'sharad', 'firstname': 'Admin', 'level': '1', 'email_id':
'[EMAIL PROTECTED]', 'lastname': 'Admin', 'filename': 'source0003.ini',
'password': 'sharat1'}, 2)" TITLE="Edit this user">Edit</A>
</DIV>
</TD>
<TD CLASS="inputbox-disabled-even" ID="conf1">
<A HREF="/configure/delete_user?index=2"
CLASS="actionbuttons"
ONCLICK="return disp_confirm();return false;" TITLE="delete this
user">Delete</A>
</TD>
</FORM>
</TR><TR ID="3">
<FORM ACTION="/configure/save_user" NAME="save_source"
METHOD="get">
<INPUT TYPE="hidden" NAME="index" VALUE="3">
<TD CLASS="small-font" ID="conf1">
Admin
</TD>
<TD CLASS="small-font" ID="conf1">
Admin
</TD>
<TD ID="conf1" CLASS="small-font">
roopesh
</TD>
<TD ID="conf1" CLASS="small-font">
2
</TD>
<TD ID="conf1" CLASS="small-font">
[EMAIL PROTECTED]
</TD>
<TD ID="conf1">
<DIV>
<A HREF="#" CLASS="actionbuttons"
ONCLICK="edituser({'username':
'roopesh', 'firstname': 'Admin', 'level': '2', 'email_id':
'[EMAIL PROTECTED]', 'lastname': 'Admin', 'filename':
'source0004.ini', 'password': 'roop'}, 3)" TITLE="Edit this
user">Edit</A>
</DIV>
</TD>
<TD CLASS="inputbox-disabled-odd" ID="conf1">
<A HREF="/configure/delete_user?index=3"
CLASS="actionbuttons"
ONCLICK="return disp_confirm();return false;" TITLE="delete this
user">Delete</A>
</TD>
</FORM>
</TR><TR ID="4">
<FORM ACTION="/configure/save_user" NAME="save_source"
METHOD="get">
<INPUT TYPE="hidden" NAME="index" VALUE="4">
<TD CLASS="small-font" ID="conf1">
Admin
</TD>
<TD CLASS="small-font" ID="conf1">
Admin
</TD>
<TD ID="conf1" CLASS="small-font">
tt
</TD>
<TD ID="conf1" CLASS="small-font">
3
</TD>
<TD ID="conf1" CLASS="small-font">
[EMAIL PROTECTED]
</TD>
<TD ID="conf1">
<DIV>
<A HREF="#" CLASS="actionbuttons"
ONCLICK="edituser({'username':
'tt', 'firstname': 'Admin', 'level': '3', 'email_id':
'[EMAIL PROTECTED]', 'lastname': 'Admin', 'filename':
'source0005.ini', 'password': 'tt'}, 4)" TITLE="Edit this
user">Edit</A>
</DIV>
</TD>
<TD CLASS="inputbox-disabled-even" ID="conf1">
<A HREF="/configure/delete_user?index=4"
CLASS="actionbuttons"
ONCLICK="return disp_confirm();return false;" TITLE="delete this
user">Delete</A>
</TD>
</FORM>
</TR><TR ID="5">
<FORM ACTION="/configure/save_user" NAME="save_source"
METHOD="get">
<INPUT TYPE="hidden" NAME="index" VALUE="5">
<TD CLASS="small-font" ID="conf1">
Anjana
</TD>
<TD CLASS="small-font" ID="conf1">
Rane
</TD>
<TD ID="conf1" CLASS="small-font">
anjana
</TD>
<TD ID="conf1" CLASS="small-font">
2
</TD>
<TD ID="conf1" CLASS="small-font">
[EMAIL PROTECTED]
</TD>
<TD ID="conf1">
<DIV>
<A HREF="#" CLASS="actionbuttons"
ONCLICK="edituser({'username':
'anjana', 'firstname': 'Anjana', 'level': '2', 'email_id':
'[EMAIL PROTECTED]', 'lastname': 'Rane', 'filename': 'source0006.ini',
'password': 'anjana'}, 5)" TITLE="Edit this user">Edit</A>
</DIV>
</TD>
<TD CLASS="inputbox-disabled-odd" ID="conf1">
<A HREF="/configure/delete_user?index=5"
CLASS="actionbuttons"
ONCLICK="return disp_confirm();return false;" TITLE="delete this
user">Delete</A>
</TD>
</FORM>
</TR>
</TBODY>
</TABLE>
</DIV>
</BODY>
</HTML>
Error comes when I click on the "Edit" link.
Error is as follows
parent has no properties
DOM.js (line 668)
swapDOM: function (dest, src) {
663 var self = MochiKit.DOM;
664 dest = self.getElement(dest);
665 var parent = dest.parentNode;
666 if (src) {
667 src = self.getElement(src);
668 parent.replaceChild(src, dest);
669 } else {
670 parent.removeChild(dest);
671 }
672 return src;
673 },
Thanks
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"MochiKit" group.
To post to this group, send email to [email protected]
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
-~----------~----~----~----~------~----~------~--~---
