Assaad_AW Ответов: 1

Как я могу показать изображение в asp.net с помощью мыши над

Привет
У меня есть этот код
foreach (GridViewRow gr in GridViewTn.Rows)
            {
                HyperLink hp = new HyperLink();
                hp.Text = gr.Cells[1].Text ;
                hp.NavigateUrl = "NarganTnFiles.aspx?Name=" + hp.Text + "-" + gr.Cells[2].Text +  gr.Cells[5].Text;
                gr.Cells[1].Controls.Add(hp);
            }

Я хочу, чтобы при перемещении мыши над одним элементом отображалась картинка в изображении?
<asp:Panel ID="Panel4" runat="server" Height="100%" style="margin-right: 0px" Width="100%" Visible="True">
    <table>
        <tr>
            <td>
                <asp:GridView ID="GridViewTn" runat="server" BorderStyle="None" BorderWidth="1px" CellPadding="2"

                              ShowHeader="True" style="text-align: center; margin-right: 0px;" >
                </asp:GridView>
            </td>
            <td style="width: 300px" align="center">
                <asp:Image ID="TnImage" runat="server" ImageAlign="Middle" Height="250" Width="300"/>
            </td>
        </tr>
    </table>
</asp:Panel>

1 Ответов

Рейтинг:
0

syed shanu

Попробуй вот так : 

foreach (GridViewRow gr in GridViewTn.Rows)
{
HyperLink hp = new HyperLink();
hp.Text = gr.Cells[1].Text ;

hp.Attributes.Add("onmouseover", "return showImg('img1.jpg');");

hp.Atrributes.Add("onmouseout", "return HideImg('img1.jpg');");

hp.NavigateUrl = "NarganTnFiles.aspx?Name=" + hp.Text + "-" + gr.Cells[2].Text + gr.Cells[5].Text;
gr.Cells[1].Controls.Add(hp);
}


In aspx javascript

<script language="JavaScript" type="text/javascript">

function showImg(imgname)
{
//    show image or panel (In panel load your image) from javascript
}

function HideImg(Imagename)
{
     //    Hide image or panel (In panel load your image) from javascript
}


</script>