I make the javascript function and want to show on mouseover on img that is coming from c# coding. I call the javascript function in aspx.cs file. But it is not working.
javascript code is
<script type="text/javascript" language="javascript">
function showdiv(id, m, pos) {
var arr = new Array(4);
arr = id.split("###");
var divhtml = "";
divhtml += "<table><tr><td>Distributor ID</td><td>" + arr[0] + "</td></tr>";
divhtml += "<tr><td>Sponsor Id</td><td>" + arr[2] + "</td></tr>";
divhtml += "<tr><td>Total Left </td><td>" + arr[3] + "</td></tr>";
divhtml += "<tr><td>Total Right</td><td>" + arr[4] + "</td></tr>";
divhtml += "<tr><td>State</td><td>" + arr[1] + "</td></tr>";
divhtml += "<tr><td>Reward Stage</td><td>" + arr[5] + "</td></tr>";
divhtml += "</table>";
document.getElementById("ContentPlaceHolder1_divpreview").innerHTML = divhtml;
var left = m.clientX + 10;
if (pos == 1) {
left = m.clientX - 230;
}
else {
left = m.clientX + 10;
}
document.getElementById("ContentPlaceHolder1_divpreview").style.left = left.toString() + 'px';
document.getElementById("ContentPlaceHolder1_divpreview").style.display = "block";
var top = 0;
top = document.documentElement.scrollTop + m.clientY - 50;
document.getElementById("ContentPlaceHolder1_divpreview").style.top = top.toString() + 'px';
}
function hidediv() {
document.getElementById("ContentPlaceHolder1_divpreview").style.display = "none";
}
function movediv(m, pos) {
var left = m.clientX + 10;
if (pos == 1) {
left = m.clientX - 230;
}
else {
left = m.clientX + 10;
}
document.getElementById("ContentPlaceHolder1_divpreview").style.left = left.toString() + 'px';
var top = 0;
top = document.documentElement.scrollTop + m.clientY - 50;
document.getElementById("ContentPlaceHolder1_divpreview").style.top = top.toString() + 'px';
}
</script>
aspx.cs code is
if (ds.Tables[0].Rows.Count > 0)
{
string sp1 = "0", sp2 = "0";
string sp3 = "0", sp4 = "0", sp5 = "0", sp6 = "0";
string tmp = "";
string newmember = "";
int i = 0;
tmp = "<table border="0" width="100%"><tr><td><a href="binarytree.aspx?id=" + ds.Tables[0].Rows[i]["memberid"].ToString() + ""><br /><span style="font-weight:bold;color:Red;text-decoration:none"> " + ds.Tables[0].Rows[i]["membername"].ToString() + "</span></a></td>";
tmp += "</tr>";
tmp += "<tr><td><img id='" + ds.Tables[0].Rows[i]["memberid"].ToString() + "###" + ds.Tables[0].Rows[i]["state"].ToString() + "###" + ds.Tables[0].Rows[i]["sponsorid"].ToString() + "###" + ds.Tables[0].Rows[i]["totalleft"].ToString() + "###" + ds.Tables[0].Rows[i]["totalright"].ToString() + "###" + ds.Tables[0].Rows[i]["rewardstage"].ToString() + "' src='images/2.png' style='cursor:pointer;' onmouseover='showdiv(this.id,event,0);' onmousemove='movediv(event,0);' önmouseout='hidediv();'></td></tr>";
tmp += "<tr><td><img src='images/GenLarge.gif' width='350'></td></tr></table>";
objda.memberid = ds.Tables[0].Rows[i]["memberid"].ToString();
ds2 = objda.getdownlinetree();
td1.InnerHtml = tmp;
tmp = "<table border="0" width="100%"><tr><td><a href="binarytree.aspx?id=" + ds2.Tables[0].Rows[i]["memberid"].ToString() + ""><br /><span style="font-weight:bold;color:Red;text-decoration:none"> " + ds2.Tables[0].Rows[i]["membername"].ToString() + " </span></a></td>";
tmp += "</tr>";
if (i == 1 || i == 4 || i == 5 || i == 10 || i == 11 || i == 12 || i == 13)
{
tmp += "<tr><td><img id='" + ds2.Tables[0].Rows[i]["memberid"].ToString() + "###" + ds2.Tables[0].Rows[i]["state"].ToString() + "###" + ds2.Tables[0].Rows[i]["sponsorid"].ToString() + "###" + ds2.Tables[0].Rows[i]["totalleft"].ToString() + "###" + ds2.Tables[0].Rows[i]["totalright"].ToString() + "###" + ds2.Tables[0].Rows[i]["rewardstage"].ToString() + "' src='images/2.png' style='cursor:pointer;' onmouseover='showdiv(this.id,event,1);' onmousemove='movediv(event,1);' önmouseout='hidediv();'></td></tr>";
}
else
{
tmp += "<tr><td><img id='" + ds2.Tables[0].Rows[i]["memberid"].ToString() + "###" + ds2.Tables[0].Rows[i]["state"].ToString() + "###" + ds2.Tables[0].Rows[i]["sponsorid"].ToString() + "###" + ds2.Tables[0].Rows[i]["totalleft"].ToString() + "###" + ds2.Tables[0].Rows[i]["totalright"].ToString() + "###" + ds2.Tables[0].Rows[i]["rewardstage"].ToString() + "' src='images/2.png' style='cursor:pointer;' onmouseover='showdiv(this.id,event,0);' onmousemove='movediv(event,0);' önmouseout='hidediv();'></td></tr>";
}
if (i < 2)
tmp += "<tr><td><img src='images/GenLarge.gif' width='200'></td></tr>";
if (i > 1 && i < 6)
{
tmp += "<tr><td><img src='images/GenLarge.gif' width='100'></td></tr>";
}
tmp += "</table>";
can anyone tell me whats wrong with this code.
Please help me for this code