Click here to Skip to main content
15,886,422 members
Please Sign up or sign in to vote.
2.60/5 (2 votes)
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
JavaScript
<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
C#
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
Posted
Updated 18-Oct-13 23:27pm
v2
Comments
Praveen Kumar Upadhyay 1-Dec-14 7:52am    
Please make sure you need to post the complete project code. People can understand your problem just with the proper piece of code and with well explained manner..

1 solution

Open the soure of your webpage by right clicking on browser and selecting view source, locate your image element and try to see how the method is getting called on client side, Hope it may give you some clues
 
Share this answer
 

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900