How can I display a pop-up when hovering over a Gridview row?

[Parwej Ahamad]

Ok, Do step by step : First comment your existing code then test with simple alert and let me know the status that you are getting alert or not:

public void gvRoles_RowDataBound(object sender, GridViewRowEventArgs e)
{
if ( e.Row.RowType == DataControlRowType.DataRow )
{
e.Row.Attributes.Add("onmouseover", "alert('Display some message');");
}

 /\*   if (e.Row.DataItem != null)
    {
        e.Row.Attributes.Add("onmouseover", "ShowTooltip('" +
            DataBinder.Eval(e.Row.DataItem, "EmployeeNameLast").ToString() + "','" +
            DataBinder.Eval(e.Row.DataItem, "EmployeeNameFirst").ToString() + "','" +
            DataBinder.Eval(e.Row.DataItem, "JobUnitDescription").ToString() + "','" +
            DataBinder.Eval(e.Row.DataItem, "JobTitleDescription").ToString() + "');");
        e.Row.Attributes.Add("onmouseout", "HideToolTip();");
    }
    else
    {
        lblError.Text = "Nothing to report ";
    } \*/

}

Parwej Ahamad ahamad.parwej@gmail.com

[JTRizos]

It works. I get the alert message each time I hover over a row.

[Parwej Ahamad]

Good Start :) Now change your code and test with your method:

//Javascript Method
function ShowTooltip(message)
{
alert(message);
/* document.getElementById("td0").innerText=LName;
document.getElementById("td1").innerText=FName;
document.getElementById("td2").innerText=JUDesc;
document.getElementById("td3").innerText=JTDesc;
x=event.clientX + document.body.scrollLeft;
y=event.clientY + document.body.scrollTop + 10;
Popup.style.display="block";
Popup.style.left=x;
Popup.style.top=y;*/
}

//Row bound event
e.Row.Attributes.Add("onmouseover", "ShowTooltip('Passed Test Message');");

Parwej Ahamad ahamad.parwej@gmail.com

[JTRizos]

Tried this and got the "JScript runtime error:Object expected" message on each row hovered.

[Parwej Ahamad]

Please go through with this URL: http://social.msdn.microsoft.com/Forums/eu/netfxjscript/thread/eede0ba6-1e1d-4248-98bb-6383839dfac7[^] Do you have any massenger id so we can chat because here it's very hard to communicate this way.

Parwej Ahamad ahamad.parwej@gmail.com

[JTRizos]

Agreed but I don't have a messenger here. I changed the and the ShowTooltip(message) worked. No runtime error. However, when I put the code back to the way it was I don't get the runtime error but I do get a webpage message with a number in it. When I press the OK button, it goes through a series of three messages having different numbers as I press OK after each one. Hovering over a row starts the series of messages over again. Any idea? I know this is abstract and you probably have better things to do but you have been a big help.</x-turndown>

[Parwej Ahamad]

Your last message is broken so send me direct email with your last message on my person id: ahamad.parwej@gmail.com

Parwej Ahamad ahamad.parwej@gmail.com

[JTRizos]

I'll try this again I changed the "" to "<script type="text/javascript">" and I do not get the runtime error anymore for the ShowTooltip(message). So, I changed it back to the original code and no longer get the runtime error. However, I get a webpage message window with a number in it. Pressing OK brings up another webpage message with another number in it. This happens about 3 times. Hovering over a row restarts this series of messages with a different number in each. Any ideas? I know this is abstract but you have been a big help on this. I do not have a messenger here and I know this is cumbersome.</x-turndown>

[Parwej Ahamad]

Can you send me print screen of that error message so I can take a look?

Parwej Ahamad ahamad.parwej@gmail.com

[JTRizos]

With help from this forum (Thanx Parwej Ahamad) I got what I needed. I am including the code here in case it can help others. The application has 119 columns and this Popup displays the employee name, job unit and job description by hovering over any row as the user scrolls horizontally. This was based on A Simple DataGrid Row Tooltip For Beginners.[^] .aspx

<!-- Script and Div to set up the Popup with Employee Info -->
<script type="text/javascript">
function ShowTooltip(LName,FName,JUDesc,JTDesc)
{
document.getElementById("td0").innerText=LName;
document.getElementById("td1").innerText=FName;
document.getElementById("td2").innerText=JUDesc;
document.getElementById("td3").innerText=JTDesc;
x=event.clientX + document.documentElement.scrollLeft;
y=event.clientY + document.documentElement.scrollTop + 5;
Popup.style.display="block";
Popup.style.left=x;
Popup.style.top=y;
}

    function HideToolTip()
    {
        Popup.style.display="none";
    }

</script>

<div id="Popup" class ="transparent">
<div style="BACKGROUND-COLOR:#003366"><center><b>Employee Info</b></center></div>
<div>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="td0" align="left"></td>
</tr>
<tr>
<td id="td1" align="left"></td>
</tr>
<tr>
<td id="td2" align="left"></td>
</tr>
<tr>
<td id="td3" align="left"></td>
</tr>
</table>
</div>
</div>

.aspx.cs

/* Code for Popup with Employee Info */
public void gvRoles_RowDataBound(object sender, GridViewRowEve

[Parwej Ahamad]

Thanks, You will be always resolved your issue with this forum.

Parwej Ahamad ahamad.parwej@gmail.com