Please use this markup . ignore previous one
<html> <head> <title>Welcome to Test Page. </title> <script src="JavaScript/prototype.js" type="text/javascript"></ script> <script src="JavaScript/scriptaculous.js" type="text/javascript"></ script> <script src="JavaScript/dragdrop.js" type="text/javascript"></script> </head> <body> <form id="form1" method="post" action="Default.aspx"> <div id="divAdjustmentPanel" ></div> <script type="text/javascript" language="javascript" charset="utf-8"> var tbl = document.createElement("table"); tbl.id = 'table1'; tbl.className = 'gridNested'; tbl.width = '100%'; tbl.setAttribute("style", "position:relative") tbl.rules = 'all'; var tblBody = document.createElement("tbody"); var row = document.createElement("tr"); row.setAttribute("style", "height:24px;") row.style.backgroundColor = "#FAF1EB"; row.id = "myr1"; var cell = document.createElement("td"); cell.innerHTML = '<span style="font-family: Georgia Times New Roman; font-size: 10pt;padding-top:1.5em;">Total Invoice </span></ td>'; cell.width = "45%"; row.appendChild(cell); cell = document.createElement("td"); cell.width = "55%"; cell.innerHTML = ': <span id="spanTotalInvoice" style="color:#5CACEE;font-family: Georgia Times New Roman; font-size: 10pt;font-weight:700;">sample1</span></td>'; row.appendChild(cell); tblBody.appendChild(row); row = document.createElement("tr"); row.style.backgroundColor = "#FAF1EB"; row.id = "myr2"; cell = document.createElement("td"); cell.width = "45%"; cell.innerHTML = '<span style="font-family: Georgia Times New Roman; font-size: 10pt;">Applied </span></td>'; row.appendChild(cell); cell = document.createElement("td"); cell.width = "55%"; cell.innerHTML = ': <span id="spanAppliedInvoice" style="color:#5CACEE;font-family: Georgia Times New Roman; font-size: 10pt;font-weight:700;">sample2</span></td>'; row.appendChild(cell); tblBody.appendChild(row); tbl.appendChild(tblBody); $("divAdjustmentPanel").appendChild(tbl); new Draggable('myr1'); new Draggable('myr2'); </script> <br /> <br /> <br /> <table id='table2' style="width: 100%;"> <tr><td colspan="2"> Waiting for row from table1.. </td> </tr> </table> </form> </body> </html> On Jun 24, 3:44 pm, david <david.brill...@gmail.com> wrote: > Hi Nivash, > > I was trying to reproduce your error. > Could you please post the code because I did not have the same error. > > -- > david > > On 24 juin, 09:29, Nivash Ramachandran <rniv...@gmail.com> wrote: > > > > > Hi all, > > > I am using scriptaculous drag functionality in table tr element. Now I > > am facing the following issues. I can drag a row from one table to > > another table but > > 1. While i drag a row, it gets invisible from view (not visible) > > 2. I applied border style for table td element but it is not working > > after creating Draggable object. > > > System info: > > 1. scriptaculous.js v1.8.2 > > 2. IE 7 > > 3. Vista > > > by Nivash Ramachandran > > India. --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~----------~----~----~----~------~----~------~--~---