<script src="jquery-1.8.0.min.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function () {
$(".grdinvoicecss").mousemove(function (e) {
var o = {
left: e.clientX,
top: e.clientY
};
$(".popupmenucss").offset(o);
$(".popupmenucss").show();
});
});
</script>
<asp:gridview id="grdInvoice1" runat="server" autogeneratecolumns="False" showheader="true" width="100%" backcolor="#EFEFEF" gridlines="None" datakeynames="invoice_id" onrowdatabound="grdInvoice1_RowDataBound" xmlns:asp="#unknown">
<columns> <asp:templatefield>
<headertemplate>
Customer name
| Date
| Invoice No
| Amount
| Tax Amount
| Discount
|
<itemtemplate>
<asp:panel runat="server" id="ItemContainer">
style="cursor: pointer">
<%# Eval("customer_name") %>
| <%# Eval("invoice_date", "{0:dd/MM/yyyy}") %>
| <%# Eval("invoice_no") %>
| <%# Eval("sub_total") %>
| <%# Eval("tax_amount") %>
| <%# Eval("discount") %>
|
<asp:panel id="popupMenu" cssclass="popupmenucss" runat="server" style="height: 67px;<br mode=" hold=" /> width: 120px; padding-top: 10px; border-color: #00BFFF; background-color: #eeeeee;<br mode=">
<asp:linkbutton id="lkedit" text="Edit" commandname="Select" style="margin-left: 10px;">
onmouseover="this.style.color='#00BFFF';" OnClick="grdInvoice1_SelectedIndexChanged2"
onmouseout="this.style.color='black'" ForeColor="black" runat="server">
<asp:linkbutton id="lkpreview" text="Preview Report" onmouseover="this.style.color='#00BFFF'">
onmouseout="this.style.color='black'" Style="margin-left: 10px;" OnClick="lkpreview_Click"
ForeColor="black" runat="server">
<asp:linkbutton id="lkpdf" text="DownLoad PDF" onmouseover="this.style.color='#00BFFF'">
onmouseout="this.style.color='black'" Style="margin-left: 10px;" ForeColor="black"
runat="server" OnClick="lkPDF_Click">
<asp:hovermenuextender runat="server" targetcontrolid="ItemContainer" popupcontrolid="popupMenu">
PopupPosition="Center" OffsetX="50" OffsetY="-20">