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
-~----------~----~----~----~------~----~------~--~---
